/
タグの埋め込み方法

タグの埋め込み方法

Owned by 尾関沙紀
Last updated: 2024/09/17
3 min read

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

タグの種類

商品詳細ページ表示タグ

スターレーティング表示タグ

商品詳細ページに商品のスターレーティングを表示させるタグです。

image-20240906-012811.png
デザインがかわることあれば画像変える

レビュー一覧表示タグ

商品詳細ページに商品のレビューの一覧を表示させるタグです。

image-20240906-012932.png
デザイン変わるので画像差し替え

注文完了ページに埋め込むタグ

注文完了連携タグ

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

タグ埋め込み場所と手順

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

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

商品詳細ページ表示タグ

スターレーティング表示タグ

STEP1_パーツ作成

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

  1. futureshop管理画面のcommerce createの「パーツ」をクリック

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


    パーツ選択で、「フリーパーツ」を選択

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

     

STEP2_パーツの追加

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

  1. futureshop管理画面のcommerce createの「ページ」をクリック

     

  2. commerce createのページ一覧の商品詳細ページの「ペンマーク（ページを変更）」ボタンをクリック

     

  3. 商品詳細ページのレイアウトをクリック

     

  4. レイアウト変更画面 のBODYのパーツを開く（赤枠のアイコン）を以下の順番でクリック
    メインエリア > コンテンツエリア > 商品詳細エリア > 商品名・価格など商品情報

     

  5. BODYの任意の場所にSTEP1で作成したパーツをドラッグアンドドロップし、「保存する」ボタンをクリック
    ※利用中の全てのテーマに反映させてください。


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

レビュー一覧表示タグ

STEP1_パーツ作成

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

  1. futureshop管理画面のcommerce createの「パーツ」をクリック

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

     

    パーツ選択で、「フリーパーツ」を選択

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

     

STEP2_パーツの追加

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

  1. futureshop管理画面のcommerce createの「ページ」をクリック

     

  2. commerce createのページ一覧の商品詳細ページの「ペンマーク（ページを変更）」ボタンをクリック

     

  3. 商品詳細ページのレイアウトをクリック

     

  4. レイアウト変更画面 のBODYのパーツを開く（赤枠のアイコン）を以下の順番でクリック
    メインエリア > コンテンツエリア > 商品詳細エリア > 商品名・価格など商品情報

     

  5. BODYの任意の場所にSTEP1で作成したパーツをドラッグアンドドロップし、「保存する」ボタンをクリック
    ※利用中の全てのテーマに反映させてください。

     

    以上でレビュー一覧表示タグの埋め込み手順は完了です。

注文完了ページに埋め込むタグ

注文完了連携タグ

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

  1. futureshop管理画面 > 設定 > プロモーション管理 > 「測定タグ一覧」をクリック

  2. 測定タグ一覧のパーツ一覧の画面左下の「パーツを追加する」ボタンをクリック

     

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


    以上で注文完了連携タグの埋め込み手順は完了です。

 関連記事

 

Related content

【ダイアログ】ツリー作成・編集手順
【ダイアログ】ツリー作成・編集手順
WhatYaヘルプナレッジ
More like this
【futureshop 旧管理画面】WhatYa AutoCV タグ埋め込み
【futureshop 旧管理画面】WhatYa AutoCV タグ埋め込み
WhatYaヘルプナレッジ
More like this
要件定義サンプル
要件定義サンプル
レビューシステム仕様書
More like this
【初期設定】WhatYaデザインテーマ
【初期設定】WhatYaデザインテーマ
WhatYaヘルプナレッジ
More like this
【ダイアログ】活用方法①_ボタン毎にシナリオを出し分ける方法
【ダイアログ】活用方法①_ボタン毎にシナリオを出し分ける方法
WhatYaヘルプナレッジ
More like this
【はじめに】WhatYaのテスト方法について
【はじめに】WhatYaのテスト方法について
WhatYaヘルプナレッジ
More like this

Leviewヘルプセンターは こちら