1. 商品コレクションを有効化する
デプロイ前に、コレクションがアクティブであることを確認します:- Product collections ダッシュボードに移動します。
- デプロイしたいコレクションを開きます。
- 右上隅の Enable をクリックします。
2. スニペットをコピーする
各コレクションには、ウェブサイトのソースコードに追加する必要があるスニペットが付属しています: コレクションビューで Copy code をクリックします。 ポップインに、サポートされている変数とともにスニペットが表示されます:data-collection-id(必須):コレクションの一意の識別子です。data-collection-locations(任意):商品フィードに複数のロケーションが含まれている場合に必要です。data-collection-callback(任意):成功したリクエストを処理するための JS 関数です。data-collection-error(任意):失敗したリクエストを処理するための JS 関数です。
3. ウェブサイトに商品コレクションをデプロイする
商品コレクションをソースコードに挿入するか、Kameleoon キャンペーンを作成できます。スニペットをソースコードに埋め込む
コピーしたスニペットをウェブサイトのソースコードの該当箇所に貼り付けます。スニペットは、商品コレクションが表示されるプレースホルダーとして機能します。- スニペットをページの HTML ボディ 内、コレクションを表示したいコンテナ内に配置します。
- コレクションが動的にレンダリングされるよう、サイトが Kameleoon を正しくロードすることを確認してください。