futureshopサイトへタグを設置したい(コマースクリエイター未利用の場合)
回答
本記事では、ECサイト構築プラットフォーム「futureshop」においてコマースクリエイターを利用していない企業様向けに、「futureshop」で構築したECサイトにタグを設置する方法を紹介しています。
本記事の構成は下記の通りです。
1. はじめに(本記事の対象者 / タグとは)
2. アクセスログタグの設定を行う(ドメイン設定 / 除外IPアドレス / アクセスログタグを動作させる)
3. Futureshopサイトにタグを設置する(HTMLタグの設置 / ワンタグの設置)
4. リレーション設定を行う
各セクションの詳細は、以下をご参照ください。
・『futureshopサイトへタグを設置したい(コマースクリエイター利用中の場合)』
・『直貼りでタグを設置したい』
・『YTMでタグを設置したい』
・『GTMでタグを設置したい』
・『Shopifyサイトへタグを設置したい』
1. タグとは
タグとは、webサイトのデータ取得や、ポップアップ表示、レコメンド表示を行うためにwebサイトに埋め込む小さいプログラム(コード)のことを指します。
b→dashでは、webサイトのデータ取得ができる「アクセスログタグ」、ポップアップが表示できる「web接客タグ」など複数のタグ機能を1つにまとめた「ワンタグ」を提供しています。ワンタグはwebサイトに1つ設置するだけで、b→dash管理画面から利用したいタグ機能を追加することができます。
※ 本記事で紹介するワンタグの設置手順は「web接客タグ」「レコメンドタグ」を利用する場合も必要になります
2. アクセスログタグの設定を行う
ワンタグの発行を行ったら、利用したいタグ機能の設定を行います。本記事ではwebサイトのデータを取得するために必要な「アクセスログタグ」の設定について紹介します。
ドメインを設定する
b→dash画面上でアクセスログを取得したいwebサイトのドメインを登録します。
1. 「共通設定」→「タグ管理」→「アクセスログタグ」をクリックします
2. 「＋」をクリックします
3. 「ドメイン」を入力し、「適用」をクリックします
4. 対象ドメイン一覧に表示されたことを確認します
※「ドメイン」とは、サイトURL「https://○○○○/」の「https://」と末尾の「/」を取り除いた「○○○○」部分です。対象ドメインに登録すると、ドメイン配下のページ(例: 「○○○○/service/」「○○○○/news/」など)も全てタグの適用対象になります
※ ドメインを削除した後は、必ずアクセスログを一度「OFF」にして、再度「ON」にするようお願いいたします
クロスドメイン設定(ドメインが異なるwebサイト間で共通のビジターIDを保有したい場合)
貴社がドメイン/サブドメインが異なるwebサイトを複数運用しており、webサイトを閲覧するユーザーに対してサイト共通のビジターIDを保有したい場合に設定します。ドメインが異なるサイト間の流入計測を正確に行うことができます。
1. 「新規作成」をクリックします
2. 「サイト名」「ステータス」「ドメイン」「クエリシンボル」を追加し、「適用」をクリックします
3. クロスドメイン設定の対象としたい全てのサイトを登録します
4. サイト名の左にあるチェックボックスをクリックすると、「編集」「削除」の項目が表示されます
クロスドメイン設定の各項目の説明は下記の通りです。
項目 |
説明 |
ステータス |
クロスドメイン設定の「有効/無効」を選択することができます。登録したwebサイトのクロスドメイン設定を一時的に無効にする際に利用します。 |
ドメイン |
クロスドメインの計測対象となるドメイン/サブドメインを登録します。サブドメインを記載するかによってクロスドメインの適用範囲が異なります(ビジターIDの共通化範囲が異なります)。 例: 「overseas.travels.shop.co.jp」「domestic.travels.shop.co.jp」「fassion.shop.co.jp」「fs-kf.myshopify.com」がある場合、 ・ドメイン「shop.co.jp」「myshopify.com」を登録 → 4つのサイト全てで共通のビジターIDを保持 ・サブドメイン「travels.shop.co.jp」「myshopify.com」を登録 → 3サイト(travels配下と.myshopify.com)が共通、「fassion.shop.co.jp」は別 ・サブサブドメイン「overseas.travels.shop.co.jp」「myshopify.com」を登録 → 2サイト(overseas配下と.myshopify.com)が共通 |
クエリシンボル |
サイトのURLを「遷移先URL部分」と「パラメータ部分」に分割するための記号です。一般的には「?」を用いて分割していますが、「#」を利用して分割している場合は「#」を指定してください。「?」をクエリパラメータ、「#」をアンカーとして利用している場合は、「?」を登録してください。 |
※ クロスドメインに設定しているドメイン間で遷移すると、「セッションID(_bdsid)」「前ページURL(_bd_prev_page)」「リピーターフラグ(_bdrpf)」の3つのパラメータが付与されます
※ クロスドメイン設定を行ったサイト間を遷移する際に、一度リダイレクトを経由するとパラメータが脱落してしまう場合があり、クロスドメイン設定が機能せずwebアクセスログデータを取得できないことがありますのでご注意ください
[任意]除外IPアドレスを設定する
貴社の社員や業務委託している代理店等のパートナー企業など、サイトのユーザーではない方のアクセスについては、アクセスログを取得したくない場合に設定します。
1. 「除外IPアドレス設定」をクリックします
2. 「新規作成」をクリックします
3. 「名称」「IPアドレス」を入力し、「適用」をクリックします
※ 除外IPアドレスの設定が反映されるタイミングは、毎時「00分」と「30分」になります。例えば12時15分に設定を実施した場合は、12時30分以降に取得したアクセスログに対して、除外IPアドレスの設定が適用されます
アクセスログタグを動作させる
「OFF」をクリックし、「ON」に変更します。これでドメインの設定は完了です。
3. Futureshopサイトにタグを設置する
Futureshopで構築したECサイトへのタグ設置は「HTMLタグの設置」と「ワンタグの設置」の2つの手順があります。どちらの手順もFutureshop管理画面上で簡単にタグを設置できます。
HTMLタグを設置する
HTMLタグの設置は後述するリレーション設定で値を取得するために必要な手順です。本記事では「顧客ID(会員ID)」「商品ID」「受注ID」を取得する事前準備について紹介します。HTMLタグは本記事で紹介するサンプルコードをそのままFutureshop管理画面に貼り付けるだけで実装できます。
※ リレーション設定で値を取得するために挿入するサンプルコードは、HTMLソースコード上で表示される値であり、Futureshopサイト上で表示される値ではありません
「顧客ID(会員ID)」取得の事前準備
1. 任意測定タグ一覧画面(「構築 → プロモーション管理 → 任意測定タグ設定」)から「新規登録」をクリックします
2. 全体出力設定: 「各ページの出力設定を有効にする」にチェック、設定名: 「b→dash顧客ID」を入力します
3. 任意の出力欄に下記のサンプルコードを入力します(出力設定: 「<head>タグ内に出力する」にチェック)
4. ページ下部の「登録する」をクリックして完了です
<input type="hidden" name="bdCustomerId" id="bdCustomerId" value="$MEMBER_ID$">※ 全てのページで顧客IDを取得できるようにしたい場合は「共通出力」欄に、特定のページのみで顧客IDを取得できるようにしたい場合は、任意のページの出力欄に入力してください
※ 測定タグ設定はリレーション設定ごとに登録します
「商品ID」取得の事前準備
1. 任意測定タグ一覧画面から「新規登録」をクリックします
2. 全体出力設定: 「各ページの出力設定を有効にする」にチェック、設定名: 「b→dash商品ID」を入力します
3. 任意の出力欄に下記のサンプルコードと置換文字を入力します
4. 商品情報置換文字に下記表の置換文字を指定し、区切り文字に「,」(カンマ)を指定します
5. 保存します
<input type="hidden" name="bdItemId" id="bdItemId" value="$Item_INFO$">リレーション設定で取得したい値 |
置換文字 |
| 商品ID | $GOODS_ID$ |
| 商品番号 | $GOODS_NO$ |
| 商品JANコード | $GOODS_JAN_CODE$ |
※「商品一覧ページ」「ショッピングカートページ」「注文完了ページ」のうち、リレーション設定で商品IDを取得できるようにしたい任意のページの出力欄に入力してください
※ リレーション設定ごとに測定タグ設定を保存します
「受注ID」取得の事前準備
1. 任意測定タグ一覧画面から「新規登録」をクリックします
2. 全体出力設定: 「各ページの出力設定を有効にする」にチェック、設定名: 「b→dash受注ID」を入力します
3. 任意の出力欄に下記のサンプルコードを入力します(出力設定: 「<head>タグ内に出力する」にチェック)
4. ページ下部の「登録する」をクリックして完了です
<input type="hidden" name="bdOrderId" id="bdOrderId" value="$ORDER_ID$">※ 受注IDは「受注完了ページ」でのみ設定可能です
※ 測定タグ設定はリレーション設定ごとに登録します
ワンタグを設置する
HTMLタグの設置が完了したら、ワンタグを設置する手順を実施します。ワンタグの設置もFutureshop管理画面上で実施できます。
1. b→dash管理画面からワンタグのソースコードをコピーします
2. 任意測定タグ一覧画面(「構築 → プロモーション管理 → 任意測定タグ設定」)から「新規登録」をクリックします
3. 全体出力設定: 「各ページの出力設定を有効にする」にチェック、設定名: 「b→dashタグ」を入力します
4. 任意の出力欄にb→dash管理画面からコピーしたワンタグのソースコードを入力します(出力設定: 「<head>タグ内に出力する」にチェック)
5. ページ下部の「登録する」をクリックして完了です
※ 全てのページにワンタグを設置したい場合は「共通出力」欄に、特定のページのみにワンタグを設置したい場合は任意のページの出力欄に入力してください
※ ワンタグの発火確認とwebアクセスログデータの確認は通常のタグ設置と同様の手順になりますので『直貼りでタグを設置したい』をご参照ください
4. リレーション設定を行う
リレーション設定とは、ワンタグで取得する各種データファイルに、特定のカラム(キー項目)を追加取得するための設定です。例えば、アクセスログタグで取得する「アクセスログデータファイル(webサイト内での行動データ)」に対して、「顧客ID」や「受注ID」といった、アクセスログと顧客データ/受注データを紐づけるキー項目となるカラムを取得することができます。
Futureshopサイトにおけるリレーション設定は「HTMLタグを設置する」で取得できるようにした値を参照して設定を行います。
1. 「共通設定」→「タグ管理」→「リレーション設定」をクリックします
2. 「新規作成」をクリックします
3. 「取得したい項目」を選択し、「適用」をクリックします
4. 「ソースコード」「HTML」から取得を選択し、取得したい項目が表示される「ページURL」と下記の属性値を入力します
取得したい項目 |
HTMLの属性値 |
| 顧客ID | 「ID」「完全一致」「bdCustomerId」 |
| 商品ID | 「ID」「完全一致」「bdItemId」 |
| 受注ID | 「ID」「完全一致」「bdOrderId」 |
