このページではECサイトへのタグの埋め込み方法について解説します。

タグの種類

表示タグ

注文完了ページに埋め込むタグです。
商品

こちらの手順はコマースクリエイターをご利用の店舗さまを対象としております。

御社環境のタグは管理画面の以下よりご確認いただけます。
左メニュー > もっと > ご契約情報

商品のレビュー平均表示用のパーツを作成します。
手順は以下です。

futureshop管理画面のcommerce createの「パーツ」をクリック
commerce createのパーツ一覧の画面左下の「パーツを追加する」ボタンをクリック

パーツ選択で、「フリーパーツ」を選択
パーツ追加画面に遷移後、以下を入力し「保存する」ボタンをクリック
①パーツ名…任意の文字列を入力　例）レビュー_スターレーティング表示
②置き換え文字…任意の置き換え文字を入力　例）ReviewProductStarRate
③表示内容…商品のレビュー平均表示用の埋め込みタグを貼り付ける

STEP1で作成したスターレーティング表示用のパーツを商品詳細ページに追加します。
手順は以下です。

futureshop管理画面のcommerce createの「ページ」をクリック
commerce createのページ一覧の商品詳細ページの「ペンマーク（ページを変更）」ボタンをクリック
商品詳細ページのレイアウトをクリック
レイアウト変更画面のBODYのパーツを開く（赤枠のアイコン）を以下の順番でクリック
メインエリア > コンテンツエリア > 商品詳細エリア > 商品名・価格など商品情報
BODYの任意の場所にSTEP1で作成したパーツをドラッグアンドドロップし、「保存する」ボタンをクリック
※利用中の全てのテーマに反映させてください。

以上でスターレーティング表示タグの埋め込み手順は完了です。

商品レビュー表示用のパーツを作成します。
手順は以下です。

futureshop管理画面のcommerce createの「パーツ」をクリック
commerce createのパーツ一覧の画面左下の「パーツを追加する」ボタンをクリック
パーツ選択で、「フリーパーツ」を選択
パーツ追加画面に遷移後、以下を入力し「保存する」ボタンをクリック
①パーツ名…任意の文字列を入力　例）商品レビュー表示
②置き換え文字…任意の置き換え文字を入力　例）ReviewProductReview
③表示内容…商品レビュー表示用の埋め込みタグを貼り付ける

STEP1で作成したレビュー一覧表示用のパーツを商品詳細ページに追加します。
手順は以下です。

futureshop管理画面のcommerce createの「ページ」をクリック
commerce createのページ一覧の商品詳細ページの「ペンマーク（ページを変更）」ボタンをクリック
商品詳細ページのレイアウトをクリック
レイアウト変更画面のBODYのパーツを開く（赤枠のアイコン）を以下の順番でクリック
メインエリア > コンテンツエリア > 商品詳細エリア > 商品名・価格など商品情報
BODYの任意の場所にSTEP1で作成したパーツをドラッグアンドドロップし、「保存する」ボタンをクリック
※利用中の全てのテーマに反映させてください。
以上でレビュー一覧表示タグの埋め込み手順は完了です。

注文完了ページに埋め込む注文完了連携タグの埋め込み方法の手順は以下です。

futureshop管理画面 > 設定 > プロモーション管理 > 「測定タグ一覧」をクリック
測定タグ一覧のパーツ一覧の画面左下の「パーツを追加する」ボタンをクリック
測定タグ画面に遷移後、以下を入力し「保存する」ボタンをクリック
①利用設定…利用するにチェック
②設定名…任意の設定名を入力　例）レビュー注文完了連携タグ
③注文完了ページ_出力設定…<body>タグ内（</body>タグの前）に出力するを選択
④出力内容……注文完了連携タグを貼り付ける