mamework|サイト運営のあれこれ(まめワーク)MameWork|サイト運営のあれこれホームmameworkについてお問い合わせアクセス解析Googleタグマネージャーの設置とGoogleAnalyticsとの連携までmamejima2018年9月16日PRGoogleタグマネージャー(GTM)の新規設置とGoogleAnalyticsとの連携までを解説します。PRこのページの目次Googleタグマネージャーとは?Googleタグマネージャーの設置Googleタグマネージャーへログインアカウントの作成コンテナの設定ソースの貼り付けGoogleAnalyticsと連携する公開してテスト動作確認をします。.プレビューモードで確認2.Googleアナリティクスのリアルタイムモードで確認Googleタグマネージャーとは?タグマネージャーはWEBサイトの解析に必要なさまざまな継続タグと連携して一括管理できるサービスです。・サービスの導入や終了の際にサイト内の全ページの書き換えをしなくてよい。・ソースが長くならないので管理しやすい。いったメリットがあります。※タグマネージャにはヤフーの「Yahoo!タグマネージャー」もあります。Yahoo!タグマネージャーの方が簡単に連携できるサービスが多いのですが、重要度の高いグーグルの関連サービスである、アクセス解析のGoogleAnalyticsやリスティング広告のGoogleAdwordsとの連携はピカイチなのとやっぱり信頼できそうなので、両方入れて管理しています。Googleタグマネージャーの設置GoogleタグマネージャーへログインGoogleタグマネージャーの公式サイトからログインします。ログインする場合はアカウントの作成画面になりますので必要事項を記入します。・アカウント名:分かりやすいサイト名を記載しましょう。他の人と匿名でデータを共有、にチェックを入れるとベンチマークサービスが利用できます。問題がなければチェックしてください。(どちらでも問題なく使用できます)・続行ボタンを押します。・コンテナ名:サイト名・ドメイン名など・使用場所:ウェブ(アプリで使用する場合はiOS、Android等を選択)●完了したら作成ボタンを押します。ソースの貼り付けソースコードが表示されるのでこれをサイトの全ページにコピペで貼り付けます。これでタグの貼り付けはこの1回で完了です。面倒ですが漏れがないように全ページに設置しましょう。※あとからこのソースを確認したいときは、管理>Googleタグマネージャーをインストールをクリックすると同じが画面が表示できます。登録が完了して使用準備が整いました!完了するとこのようなワークスペースの画面に移動します。GoogleAnalyticsと連携する続いてGoogleタブマネージャーとアクセス解析のGoogleAnalyticsとの連携設定をします。・タグの設定トラッキングタイプ:ページビュートラッキングID:GAから計測したいサイトのトラッキングIDを調べてコピペ※トラッキングIDはGoogleアナリティクスの管理画面から確認できます。Pagesを選択します。※全ページのアクセス数を調べたいので今回はコレ・保存するとタグ名が「ユニバーサルアナリティクス」になるのでこれで保存(変更しても良いです)・タグ一覧にユニバーサルアナリティクスが追加されました!公開してテストこの状態だと設定はできていますがまだサイトには反映されていません。公開ボタンを押して作業を完了させる必要があります。公開ボタンを押す・バージョン名をつける。あとでわかりやすいように名前と説明をつけることができます。(私は面倒なので数字のみにしています。)・公開中のバージョンが変更されました動作確認をします。最後に動作確認をしてキチンと動いているか確認しましょう。.プレビューモードで確認プレビューボタンを押すとプレビューモードになります。同じブラウザでサイトを開いてみてください。サイト画面の下半分が動作確認画面になります。Page(発火しているタグ)にユニバーサルアナリティクスがありますね。タグを認識していますよ、とうことなのでうまく動作しているのがわかります。2.Googleアナリティクスのリアルタイムモードで確認oogleアナリティクスのリアルタイムレポートを見ます。ブラウザでアクセスしているページにアクセスが計測されていばOKです。動作しています!今回の解説は以上となります。他にもGogoleアドワーズ(広告)等とも連携して便利に使用可能です。タグマネージャーは便利すぎて一度使うと手放せなくなりますね。旅行と日常キャラクターグッズよく見られている記事1iPhoneのバッテリーに問題。制帽とあらんぬいぐるみ、を購入しました。mamework|サイト運営のあれこれ(まめワーク)。