GTMを利用したSprocketタグ設置方法(SPAの場合)

Google タグマネージャー(GTM)を利用して Sprocket タグを設置する時の手順を解説します。

ここでは、SPA(シングルページアプリケーション)のケースをご説明します。通常ページの場合は、以下の記事をご参照ください。

GTMを利用したSprocketタグ設置方法(通常サイトの場合)

注意事項

  • すでに GTM が導入されている前提の手順説明となります。
  • GTM のご利用方法については、Google のヘルプサイトをご覧ください。
  • カート ASP を併用している場合、ご利用のサービスによっては設定方法が異なる場合があります(例:基本的には GTM でタグを管理しているが、カート ASP 内だけは ASP の管理画面またはテンプレートを経由して直接タグを埋め込む必要がある、など)。
  • Sprocket タグを導入するにあたり、GTMを利用してタグを管理するか、サイトのHTMLへ直接記述するかについては、どちらか一方に寄せてください。管理方法が混在すると、タグの発火順序が一定にならない場合があるため、推奨いたしません(例外として、カート ASP をご利用の場合は複数の管理方法を併用せざるを得ない場合があります)。
  • 本記事の手順は「履歴の変更」というイベントに基づくトリガーを用いてトラッキングさせる手法です。SPAサイトの仮想ページ遷移で、このイベントトリガーが発動しない構造の場合は、この手法では対応できないため、ご注意ください。

 

GTMへのSprocketタグの設定

 

GTMの左メニューから「タグ」を選択し、「新規」をクリック。

b1-2-8_01.png

 

タグタイプから「カスタムHTML」を選択。

b1-2-8_02.png

 

 「HTML」入力欄に以下のコードを記述。

<script>
if (typeof SPSDK != "undefined") {
SPSDK.ack('pageload');
}
</script>

※記述した画面例

b1-2-9_03.png

 

「トリガー」は「履歴の変更」を選択のうえ保存。

b1-2-9_04.png

 

ここまでの作業が完了したら「プレビューの共有」を行い、URL を弊社担当へ共有して動作確認を受けてください。動作確認で問題がなければ、GTM で「公開」処理を実施してください。

設定作業は以上となります。

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています