太佑ECサイトの運用においてサイトへのアクセス状況を把握するGoogleアナリティクスや、Google広告をはじめとする各種WEB広告の計測タグ、ほかにもツールを導入したりと、サイト内には複数のタグが設置されています。そんな時に活躍するのがGoogleタグマネージャーです。タグマネージャーがインストールできたか確認Googleタグマネージャーで使うタグとトリガーとはGoogleタグマネージャーで設定する主なタグGoogleタグマネージャーとは?Googleタグマネージャーは複数のタグを一元管理するためのタグマネジメントツールです。タグマネージャー用のタグをページごとに記述するだけで、計測タグなどをブラウザから設置することができます。メリットとデメリットメリットタグの管理が簡単になるWebページの読み込み速度が速くなるWeb担当者のできることが増えるタグの管理が簡単になるブラウザ経由でタグマネージャーの管理画面を確認できるため、どこのページにどんなタグが設置されているのかの把握がしやすいです。担当者から別の担当者に引き継ぐ際も、管理画面を確認するだけで済みます。Webページの読み込み速度が速くなる通常、HTMLの記述の順番にしたがってタグが読み込まれます。そのため、複数タグがあればその分表示に時間がかかります。タグマネージャーを使えばHTML上で読み込まれるタグはタグマネージャーのタグのみなので、ページの表示速度が速くなります。Web担当者のできることが増えるタグマネージャーを通じでアナリティクスのイベントを簡単に設定できます。今までは制作サイドに依頼していた業務を担当者が実行できるため、PDCAのサイクルを早めることに繋がります。サイトの管理を外部委託している場合には時間リソースの短縮でコスト削減にもなるので特にですね。複数のタグが実装されている既存サイトへの導入にはタグの移行作業が伴います。導入するのであれば初期段階での導入をおススメします。リスクが集中するすべてのタグがタグマネージャーに依存することになるため、なんらかの理由でタグマネージャーが動かない場合、すべてのタグが動かないことになります。計測ツールと広告サービスを複数導入しているサイトは導入をおススメします。新しいツールを積極的に試している場合、それに伴いタグの設置作業も必要になります。設置作業に時間をかけるのはナンセンスだと思いますので、このような場合、タグマネージャーはマストです。タグマネージャー開設タグマネージャーと検索するとGoogleタグマネージャーが一番上に出てきました。(検索が面倒な方はコチラから)お申込みボタンを押してGoogleアカウントの情報を入れれば完了です。右上のほうにある「アカウントを作成」を押すと下記のような画面になります。アカウント名はサイト名を。国は日本を選択して「続行」を押してコンテナの設定に進みます。適宜ですが、主に「ウェブ」になるかと思います。(使用場所によってこの後のサイトに追加するコードが異なります。)最後に出てくる規約に同意するとGoogleタグマネージャーをインストールするためのコードが最初に出てきます。後々確認することもできますので、とりあえず「OK」を押していただいて構いません。サイトにコードを追加コンテナ内の管理タブのGoogleタグマネージャーをインストールからいつでもコードは確認できます。今回は使用場所を「ウェブ」を選択した場合で説明していきます。Googleタグマネージャーをインストールをクリックすると、実際に追加するコードと、そのコードをどこに記述すべきかの案内が書かれています。最初のコードは内のなるべく上に。次のコードはの直後に貼り付けてください。ここでミスるパターンとして、制作サイドの方に依頼する際、「最初のコードは・・・に、次のコードはボディタグの直後にお願いします―」と伝えた場合に、2番目のコードが<body>の直後ではなく</body>の直後に貼り付けてしまうパターンです。タグマネージャーをプレビューモードにして実装したサイトを見れば一目瞭然。いうわけでまずはタグマネージャーをプレビューモードにします。コンテナ内の右上の「プレビュー」をクリックすると・・・こんな風にいかにも普通じゃない感を出してプレビューモードですよとアピールしています。この状態でサイトを見てみると、こんな感じでサイト内にフレームが出てきます。これはタグマネージャーがプレビューモードだということを知らせてくれています。タグマネージャーがインストールできた証拠です。このまま満足してしまうとプレビューモードのままになってしまうので、管理画面に戻って「プレビューモードを終了」をクリックしましょう。Googleタグマネージャーで使うタグとトリガーとは広告タグなどをサイト内に直接貼り付けていた場合は、この辺りを理解しないとしんどいかと思いますので、少し丁寧に説明させていただきます。タグマネージャーではタグを設定しただけでは何も動作しません。Ready、ウィンドウの読み込み、ページビューになります。ウィンドウの読み込みという順になっています。広告の効果検証のためのコンバージョンタグを上記のいづれかのトリガーに設定するとします。Google広告のコンバージョンタグには値を入れる欄があり、ECサイトでは受注金額をいれることがほとんどです。Ready以降をトリガーとしてコンバージョンタグを発火させなければいけません。Googleタグマネージャーで設定する主なタグ先ほど例に挙げた広告のコンバージョンタグを含めて広告のコンバージョンタグ広告のリマーケティングタグGoogleアナリティクスタグが主なタグになります。太佑マーケティング部門で広告運用、WEB解析の他、Googleタグマネージャー、Googleオプティマイズなどのテクニカルを担当。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。Googleタグマネージャーでリマーケティングタグを設定する方法BLOG一覧へご依頼・ご相談・お問い合わせ考え方に共感していただける企業様、EC事業でもっともっと成果を求めたいとお考えの企業様、ぜひピュアプラスにご依頼ください。