初めてのGoogleタグマネージャ　わかりやすい設置方法

タグマネージャは１度設置すると、タグを変更するときも書き換える必要がないので便利です。しかし、いざアカウントを作ったものの、どうやってタグを動かせばよいのか解らないということはありませんか？もしそうだとしたら・・・僕と同じです（笑）。

僕は、様々なサイトを参考に１つずつ意味を理解しながらなんとか紐解くことができました。一旦わかればそれほど難しいものではありません。

初めて設置する人でも手順通りに進めば設置できるように、解りやすくまとめてみました。

まずはもっとも解りやすいアナリティクスタグの設置方法にてご説明いたします。

タグマネージャにログイン

まずタグマネージャのページを開きます。

https://tagmanager.google.com/

お使いのGoogleアカウントを使用して画面右上のリンクよりログインします。ここでログインしたアカウントで今後もタグを管理することになりますので、法人などで設置作業を行う場合は、法人で利用しているアカウントでログインしてください。

アカウントの作成

ここでいうアカウントとは、タグマネージャの中に作るアカウントです。

画面左上の「アカウントを作成」をクリックします。

写真ではすでに３つのアカウントが登録されていますが、はじめて登録する際には何も表示されていません。

アカウント名を入力します。ここでタグを設置するサイトの社名を入れておくのがオススメです。

「Googleや他の人と匿名でデータを共有」のチェックボックスはチェックを外します。共有しても良いなと思う場合はチェックを入れてください。

その次に「続行」をクリックします。

アカウントの中に「コンテナ」と呼ばれる入れ物を作ります。アカウントの中には複数コンテナを作成することができます。「アカウント＝社名」「コンテナ＝ドメイン」の関係性を知っておけば、イメージがつきやすいのではないでしょうか？

コンテナ名にサイトのドメインを入力します。ここでは「http://」といった表記を入れるとエラーになるので省略します。コンテナの使用場所は「ウェブ」を選択して「作成」をクリックします。

Googleタグマネージャの利用規約が表示されるので確認して「はい」をクリック。日本語での表記がないのでGoogle翻訳を使うなどしてご確認ください。

利用規約の確認が済むと、タグが表示されます。このタグがGoogleタグマネージャのタグです。

タグマネージャのタグを設置

タグマネージャのタグはこのように表示されます。＜head＞タグ内に貼るものと＜body＞タグ内に貼るものの２種類が表示されます。僕はいつも< ＜head＞タグ内に貼るほうを利用しています。

ここまでできたら無事にタグが設置できているか確認を行いましょう。

プレビューモードでタグの設置を確認

タグマネージャをプレビューモードに切り替えます。まず「ワークスペース」をクリックしてワークスペースの画面を表示させます。画面右上にある「公開」ボタンの右側にある「V」をクリックします。すると、メニューが開きます。この中の「プレビュー」をクリックします。するとオレンジ色のバーが表示されて、プレビューモードに切り替わります。

この状態で、ブラウザの新しいタブでタグを設置したサイトを開いてみましょう。すでに開いている場合はブラウザの更新ボタンを押してリロードしてください。ブラウザの画面下にタグマネージャのタグの稼働状況をプレビューするウインドウが表示されていますか？表示されていればタグは正常に設置されています。もし表示されていなければ、タグの貼り付け位置や設定時のURLに間違いがないか確認しましょう。