Shopifyサイトへタグを設置したい

はじめに

b→dashへ取得できるwebサイトデータの全体像を知りたい場合は、まずは以下の記事をご覧ください

【はじめに】本記事の対象者

本記事はカートシステムにShopifyを利用いただいている企業様向けにタグ設置方法を説明した記事になりますので、Shopifyを利用されていない場合は以下の記事をご確認ください。

タグを設置したい(直貼りによる設置)
タグを設置したい(GTMによる設置)
タグを設置したい(YTMによる設置)

アクセスログの取得範囲を設定する

取得対象ドメインを設定する

共通設定」をクリックします

タグ管理」をクリックします

アクセスログタグ」をクリックします

」をクリックします

ドメイン」を入力し、「適用」クリックします

ドメインが複数存在する場合はすべてのドメインを登録しましょう

「https://site-abc.com」と「https://site-xyz.com」のようにアクセスログを取得したいサイトのドメインが複数存在する場合は、すべてb→dashに登録する必要があります。

ドメインとはどの部分を指しているの??

ドメインはサイトURL「https://○○○○/」の「https://」と末尾の「/」を取り除いた「○○○○」部分です。対象ドメインに登録すると、ドメイン配下のページ、例えば「○○○○/service/」「○○○○/news/」などのページも、全てタグの適用対象になります。

対象ドメイン一覧に登録したドメインが表示されることを確認します

対象ドメインの削除方法
対象ドメインに設定したドメインは削除することができます。ドメインを削除した後は、必ずアクセスログを一度「OFF」にして、再度「ON」にするようお願いいたします。
削除」アイコンをクリックしてドメインを削除します

削除」をクリックします

ON」をクリックして「OFF」にし、再度クリックして「ON」にします

複数のサイトでアクセスログを取得するためには
b→dashでは「クロスドメイン」の設定を行うことで、複数のサイト(ドメインが異なる場合も含む)のアクセスログに対して、共通の「ビジターID(サイト訪問者のセッション情報を管理するID」を付与することができます。
以下にクロスドメインの設定方法を記載しますので、ドメインが異なる複数のサイトのビジターIDを共通化したい場合は実施ください。
新規作成」をクリックします

サイト名」「ステータス」「ドメイン」「クエリシンボル」を追加し、「適用」をクリックします

クロスドメインの各項目の説明
ステータス

クロスドメイン設定の「有効/無効」を選択することができます。登録したwebサイトのクロスドメイン設定を一時的に無効にする、といった際に利用します。

ドメイン

クロスドメインの計測対象となるドメインを登録します。
ドメインを登録する際に、サブドメインを記載するかによってクロスドメインの適用範囲が異なります(ビジターIDの共通化範囲が異なります)ので、例を参考に適切なドメインを設定するように注意しましょう。

例)以下のようにドメインが同じだが、サブドメインが異なる3つのサイトが存在する場合
overseas.travels.shop.co.jp
domestic.travels.shop.co.jp
fassion.shop.co.jp

●ケース①:ドメイン(shop.co.jp)を登録した場合
3つのサイト全てで共通のビジターIDを保持することができます。

●ケース②:サブドメイン(travels.shop.co.jp)を登録した場合
以下2サイトは共通のビジターIDを保持することができます。
overseas.travels.shop.co.jp
domestic.travels.shop.co.jp

ただし、上記の2サイトと以下のサイトでは別々のビジターIDが保持されます。
fassion.shop.co.jp

●ケース③:サブサブドメイン(overseas.travels.shop.co.jp)を登録した場合
3つのサイト全てで別々のビジターIDが保持されます。

クエリシンボル

サイトのURLを「遷移先URL部分」と「パラメータ部分」に分割するための記号です。
一般的には「?」を用いて「遷移先URL部分」と「パラメータ部分」を分割していますが、「#」を利用して分割している場合は「#」を指定ください。また、「?」をクエリパラメータ、「#」をアンカーとして利用している場合は、「?」を登録いただくようお願いします。

サイトのドメインが登録されます

サイト名の左にあるチェックボックスをクリックすると、「編集」「削除」の項目が表示されます

チェックボックスをクリックしないと「編集」と「削除」の項目は表示されないので注意しましょう!
ビジターIDを共通化したいサイトのドメインを登録します
これで「クロスドメイン設定」は完了です!
クロスドメイン設定後にサイト遷移した際の挙動

クロスドメインに設定しているドメイン間で遷移すると、
セッションID:_bdsid
前ページURL:_bd_prev_page
リピーターフラグ:_bdrpf
の3つのパラメータが付与されます。

例)
サイトA(遷移元):https://testaaa.com
サイトB(遷移先):https://testbbb.com

この場合は、サイトAからサイトBに遷移すると、サイトBでは次のようなURLになります。
https://testbbb.com&_bdsid=1dYnPf
&_bd_prev_page=https://testaaa.com&_bdrpf=0

リダイレクトを経由するとクロスドメインが機能しない場合があります
クロスドメイン設定を行ったサイト間を遷移する際に、一度リダイレクトを経由すると、パラメータが脱落してしまう場合があります。そのため、クロスドメイン設定が機能せず、webアクセスログデータを取得することができませんので、ご注意ください。

[任意] 取得対象外とするIPアドレスを設定する

除外IPアドレス設定」をクリックします

設定することができる「除外IPアドレス」の上限は『1,000件』です

b→dashで設定することができる「除外IPアドレス」の上限は『1,000件』です
「除外IPアドレス」が『1,000件』設定されている場合、「新規作成ボタン」がグレーアウトされ、クリックすることができません。

また、アップロードしたファイルのレコード数が『1,000件』を超過している場合や、アップロードしたファイルのレコード数とすでに設定されている「除外IPアドレス」の合計が『1,000件』を超過する場合は、「除外IPアドレス」を登録することができない旨のエラーモーダルが表示されます。

[参考:「除外IPアドレス」を登録することができない旨のエラーモーダル]

レコード数が『1,000件』を超過合計が『1,000件』を超過

新規作成」をクリックします

名称」「IPアドレス」を入力し、「適用」クリックします

どういうケースで「除外IPアドレス」を設定するの??

貴社の社員や業務委託している代理店等のパートナー企業など、サイトのユーザーではない方のアクセスについては、アクセスログを取得したくないというケースにおいてよく利用されます。この場合は貴社やパートナー企業のネットワークのIPアドレスを除外IPアドレスとして登録することで、貴社やパートナー企業からのアクセスに関しては、ログ取得されなくなります。

※除外IPアドレスの設定が反映されるタイミングは、毎時「00分」と「30分」になりますので、例えば12時15分に設定を実施した場合は、12時30分以降に取得したアクセスログに対して、除外IPアドレスの設定が適用されるようになります。

アクセスログタグを動作させる

OFF」をクリックし、「ON」にします

リレーションキーの取得設定を行う

「アクセスログデータ」と「顧客データや受注データ」を統合するために、アクセスログデータに「顧客ID」や「受注ID」といったリレーションキーの項目を取得する設定を行います。

「受注ID」の取得
リレーション設定」をクリックします

新規作成」をクリックします

受注ID」を選択し、「適用」をクリックします

次を含む」を選択の上、「thank_you」を入力し、追加」をクリックします

その他」を選択し、「下記のコード」を入力し、「保存」をクリックします

var customerId = document.getElementsByClassName('os-order-number')[0].innerText.replace("注文 #","");
customValue = customerId;
上記の設定を行うことで、購入完了ページ(ht
tps://●●●.com/●●/checkouts/●●/thank_you)にユーザーがアクセスした際に、受注IDを取得できるようになります。
※購入完了ページのURLをShopifyのデフォルトURLから変更するなどにより、URLに「thank_you」が含まれなくなっている場合は、設定方法が変わりますので、カスタマーサクセス担当にご相談ください。
リレーション設定名」と「取得した値の項目名」を入力し、「保存」をクリックします

リレーション設定一覧に作成した内容が表示されることを確認します

「顧客ID」の取得

Coming soon…

タグを設置する

「shopify」を利用している場合は、タグを「チェックアウト以外の画面」と「チェックアウト画面」の2か所に設置する必要があります。

赤枠内のアイコンをクリックして「ワンタグのソースコード」をコピーします

「チェックアウト以外の画面」に設置する
Shopifyの管理画面にログインし、「オンラインストア」をクリックします

アクション」を選択し、コードを編集する」をクリックします

{/}theme.liquid」など全画面共通で利用されているliquidファイルをクリックします

コピーした「ワンタグ」を貼り付けます

ワンタグの設置箇所はどこ??
サイトの共通部分にある「</head>」の直前もしくは「<body>」の直後に設置ください。
※「<body>」の中に「<script>」が存在する場合は、「<script>」をb→dashワンタグより上部に記載し、b→dashワンタグが「<script>」の最下部に記載する場所に設置ください
「チェックアウト画面」に設置する
設定」をクリックします

チェックアウト」をクリックします

追加スクリプト」に「ワンタグ」を貼り付けます

カート画面と購入確認画面へのタグ設置はShopify Plusの契約が必要
Shopify Plusを契約していない場合はチェックアウトに関する画面(カート画面と購入確認画面)のソースコード改修ができないため、タグを設置することができません。ただ、上記の通り追加スクリプトを設定することで「購入完了画面(サンクスページ)」のみ、タグを設置することができます。
これでアクセスログを取得したい(Shopifyでの取得)は完了です!

タグの発火確認を行う

アクセスログの取得確認例

「Google Chrome」をブラウザとして使用する例をもとに説明します!
タグが発火していることを確認したいページを開きます

画面上を右クリックし、表示されるメニューから「検証」を選択します

表示されるデベロッパーツール内の「Network」にて「bdash」を検索し、「control+R(ページ再読み込み)」をクリックします

btm.js」と「tracking」ログの「Status」項目が「200」と表示されていることを確認します

ワンタグを外しても、trackingの値はすぐに「0」にならない場合があります
ワンタグを外すとtrackingの値は「0」になりますが、ワンタグを外した直後のtrackingの値は、キャッシュなどの関係ですぐに「0」にならず、緩やかに「0」になる場合がありますので、ご留意ください。
これでタグの発火検証は以上です!
アクセスログが発火しない場合はどうすればいい??

b→dash上で「アクセスログ」が発火しない場合は、何らかの設定が誤っていると考えられます。以下によくある設定誤りを記載しますので、こちらに該当しないかご覧ください。

考えられる原因 改善策
リレーション設定の値が間違っていた 「顧客ID」「受注ID」などのキー項目を取得するリレーション設定の設定内容が誤っていないかをご確認ください。
アクセスログタグをONにしていなかった 共通設定> タグ管理 > アクセスログタグから、アクセスログタグが「ON」になってることをご確認ください。
アクセスログタグに登録した対象ドメインが誤っていた 設定したドメインに「https://」 のようなプロトコルや「/」 など、ドメイン以外の部分が含まれていないかをご確認ください。
アクセスログデータファイルの更新頻度設定がされていなかった データパレット > データを確認する > b→dashデータタブから、webアクセスログデータファイルをクリックの上、ツールバーの歯車マークをクリックし、更新頻度設定を行いましょう。
(もし設定が入っていない場合は、アクセスログデータにレコードが追加されません)
タグの設置個所が間違っていた サイトの共通部分にある「< /head >」の直前もしくは「< body >」の直後に設置されているかどうかをご確認ください。
アクセスログが重複して発火する場合はどうすればいい??

b→dash上で「アクセスログ」が重複して発火する場合は、何らかの設定が誤っていると考えられます。以下によくある設定誤りを記載しますので、こちらに該当しないかご覧ください。

考えられる原因 改善策
設置箇所が重複している タグマネージャーによる設置とHTML上への直貼りでの設置といった、ワンタグの設置が重複している可能性があります。
ワンタグの設置箇所をご確認ください。
ユーザーが重複実行している ユーザーがwebページの再読み込み(リロード)やブラウザバックを行い、遷移した場合、アクセスログが重複して計測される場合があります。

ユーザー起因の重複計測に関して、前ページURLの設定を行うことで、重複計測を防止できる場合があります。

前ページURLの設定に関して、こちらをご参照ください。

リレーションキーの取得確認例

Coming soon…

webアクセスログデータの更新頻度の設定

最後に、b→dash上に取得したアクセスログデータを表示させるために、以下の手順にて「webアクセスログデータの更新頻度の設定」を行います。

データパレット」をクリックします

データを確認する」をクリックします

b→dashデータ」をクリックします

webアクセスログデータ」を、1回クリックします

更新設定」をクリックします

連携頻度と時間を設定の上「追加」を選択し、「適用」をクリックします

webアクセスログデータ」を、2回クリックします

webアクセスログデータを確認することができます

更新頻度に設定した時間のタイミングでwebアクセスログデータの内容が更新されますので、最新のwebアクセスログデータを確認したい場合は、更新頻度に設定している時間に合わせてデータの確認を行いましょう!

[参考]アクセスログタグで取得できるカラム

アクセスログタグを設置することで取得できるカラムは、以下の記事にご紹介していますので、ご確認ください。

b→dashデータの詳細を知りたい

b→dashの計測タグの取得結果と、他ツールの取得結果は、一致しない場合があります

b→dashとGoogle Analytics(GA)やAD EBiS(アドエビス)といった、他のタグ計測ツールを使用している場合、タグの発火地点の違いから、計測タグの取得結果が異なる場合があります。

※b→dashとGoogle Analytics(GA)についてはこちらをご参照ください