WordPressへのトラッキングコードの設定にGoogle Tag Managerを利用した

    2019/09/26

2015/06/30
昨日GoogleAnalyticsのトラッキングコードの設定方法を変更したばかりだが今回はGoogle Tag Managerを利用してみた。

タグマネージャーは使い方が難しい

管理人のような素人にとってはタグマネージャーは原理は理解できてもなかなか使いこなすところまで行かないのが現状だ。

タグってなんだ?

まずタグとはという所から始めないといけない。タグはJavaScriptのコードでWebサイトに埋め込んで利用する。タグの種類としては各種の計測行動解析や広告掲載、アフリエイト管理等々がある。

タグマネージャーってなんだ?

その上で沢山の埋め込まれたタグを管理するのがタグマネージャーという訳だ。簡単に言うとWebサイト上の各種動作をGoogle Tag Managerのタグを埋め込むことでGoogle Tag Manager上で集約し、そこで実際に設定したい各種のタグ向けに必要なデータを受け渡すという動きをする。
つまりWebサイトには代表としてGoogle Tag Managerのタグを1つだけ埋め込む。必要な各種タグはGoogle Tag Manager上で動作させる。なんだか運転代行のような感じだ。
タグマネージャーの動きはYahoo!タグマネージャーのページに分かりやすい説明があるので参照されたい。
Yahoo!タグマネージャーの動作概念図
↑ Yahoo!タグマネージャーの動作概念図、左はタグマネージャーが無い時で各種タグを直接Webサイトに貼り付ける必要がある、右がタグマネージャーがある時でタグマネージャーのタグのみをWebサイトに設定する、タグマネージャー上で各種タグの設定を行う、画像はYahoo!タグマネージャーのサイトより拝借

WebサイトへのGoogle Tag Managerタグの設定

冒頭に書いたように先日タグをインクルード処理に変更したので、今回はGoogle Tag Managerのタグをanalyticstracking.phpに設定するだけだ。以前からあるAnalyticsのタグは削除しGoogle Tag 
Managerのタグだけにした。ここは簡単だ。
Google Tag Managerのコンソール画面
↑ Google Tag Managerのコンソール画面、変更するたびに自動的にバージョンがアップする、この画像ではコンテナ内に1タグと1トリガーが設定されている

Google Tag Managerの設定

Google Tag Managerにはアカウントとコンテナと言う概念がある。アカウントは会社、コンテナはサイト(ドメイン)という感じで良いようだ。
そしてコンテナの中に計測したいタグを設定してする。今回はとりあえずAnalyticsのタグを作成してみた。
Analytics用のタグは最初からひな形として用意されていて設定は非常に簡単だ。最低限の設定内容は次のようになる。
  1. プロダクトを選択:Analyticsを選択
  2. タグの種類を選択:ユニバーサルを選択
  3. タグを設定:トラッキングID等を入力
  4. 配信タイミング:とりあえず全てのページを選択
GTMのアカウント画面
↑ アカウント画面、今回は1アカウントに1コンテナを設定した、共に複数の設定が可能
Analyticsタグの設定画面
↑ Analyticsタグの設定画面、良く使われるタグはひな形が用意されていてパラメータを設定するだけで簡単、ひな形は20以上用意されているが見たことも無いモノもある、世間的にはYahoo!タグマネージャーのほうが良く使われているようだ
タグの設定が完了すると一覧に出てくる、
↑ タグの設定が完了すると一覧に出てくる、複数のタグを設定していくとここが増えてくるわけだ
↑ タグとは別にトリガーという考え方もあり、こちらはユーザーが画面上で行った操作をトリガーにして記録する項目を設定する
これでGoogle Tag ManagerでとりあえずAnalyticsの設定ができた。
今後はさらに別の利用方法を研究してみる予定だ。

2015/07/02追記

現在のところGoogle Tag ManagerでうまくAnalyticsのデータは取得できているようなので一安心だ。

2015/07/19追記

Bloggerで運用している当ブログなんかもGoogle Tag Managerで運用しようとテンプレートにタグを埋め込もうとした。しかしBloggerのチェックに引っかかり保存できない。
これは広告のコードも一緒だ。何か良い方法がないか模索中だ。

今回はこのへんで
では

ポチっと応援お願いします
ブログランキング・にほんブログ村へ
にほんブログ村

Copyright(C) 2015 OssanIT All Rights Reserved

関連カテゴリー

関連するカテゴリーはこちら、是非チェックしてみて下さい。

おすすめコンテンツ

気に入っていただけたら是非シェアお願いします!

  • このエントリーをはてなブックマークに追加
  • Pocket

コメントはお気軽にどうぞ

メールアドレスは公開されません。
*が付いている欄は必須項目です。

内容に問題なければ、下記の「OK!」ボタンを押してください。