タグマネージャーの設置方法

最終更新日:2023年12月08日公開日:2020年12月1日 2020年12月

タグマネージャを使えるようになるといろいろ便利になる．
特にログ解析・アナリティクスやアンケートフォームをタグを挿入して設置している場合は必須といってもいいほどである．

「タグマネージャー」はちょうど「カーナビ」と同様なものといえる．
「カーナビ」はない時はないなりに運転していたが，一度使ってしまうと「カーナビ」なしでの運転が考えられなくなる．
同様に「タグマネージャー」もない時はないなりにホームページの運用は可能であるが，一度便利さを知ると使わないではいられなくなるようなものである．
ただし，このサービスが永遠に続くかどうかは不明なので，なくなる時に備えて，仕組みは知っておいた方がよいし，なくなった時にどのようにホームページを変更すればよいかについても考えておくことを勧める．

1. タグマネージャにアカウントを登録
2. タグマネージャーのタグを確認
3. タグマネージャーのタグを自分のホームページに張る
- 3.1. 普通のホームページにタグを挿入する
- 3.2. WordPress で作成したホームページにタグを挿入する

タグマネージャにアカウントを登録

Google タグマネージャーのページにアクセスする．

Google でアカウントを持っているなら，それを使ってログイン．ない場合は新たにアカウントを取得してログインする．
会社のホームページの場合は当然会社保有の Google のアカウントにすべきである．

ログイン後，アカウントが一つもない場合は右にある「アカウントを作成」ボタンでアカウントを作成する．

タグマネージャーのタグを確認

アカウントを作成出来たら，下のようなコンテナIDと呼ばれる GTM-〇〇〇〇が現れる．

ここをクリックするとタグマネージャー用のタグが表示される．

青くなっている部分に自分のタグマネージャのコンテナID が入る．
(※GTM- は2回書かないように注意)

タグマネージャーのタグを自分のホームページに張る

これだけは全部のページに挿入する必要がある．

普通のホームページにタグを挿入する

簡単なのは置換する方法
全てのページの

</head>

を

ヘッダ用のタグ
</head>

に置換．

<body>

を

<body>
ボディ用のタグ

に置換すればよい．

WordPress で作成したホームページにタグを挿入する

外観→テーマエディタ→

テーマエディター

右側にあるテーマヘッダー header.php をクリックします．

header.php

左のエディタ画面上に先ほどのタグを </head> の上と<body> のすぐ次に両方を直接挿入して，下の「ファイルを更新」ボタンをクリックします．

これで完了ですが，万が一画面がおかしくなった場合は元に戻せばよいです．