サイトに埋め込むタグの依頼メールを前に、自分で管理できないかと考えている企業のWEB担当者

Googleタグマネージャー(GTM)の始め方|タグ管理の第一歩

「広告のタグを入れたいので、制作会社に依頼してください」 「チャットツールを試したいから、このコードをサイトに貼って」

——そう言われるたびに、依頼メールを書いて、見積もりを待って、反映を待つ。ようやく入った頃には、試したかった熱が少し冷めている。そんな経験、ありませんか。

自社サイトをひとりで回していると、「たった数行のコードを貼るだけなのに、自分では触れない」というもどかしさがついて回ります。かといって、テーマファイルを自分で編集するのは怖い。壊したら誰も直せない。その慎重さは、まったく正しい判断です。

その板挟みを、ゆるめてくれる道具があります。Googleタグマネージャー(GTM)です。今日は、名前は聞いたことがあるけれど手を出せていない——という状態から、最初の1本を公開するところまでを、一緒に順番に見ていきます。

結論:GTMを始める手順は、①アカウントとコンテナを作る → ②サイトに2か所コードを貼る(この1回だけ制作会社に頼んでOK)→ ③最初のタグ(GA4)を作る → ④プレビューで動作を確かめる → ⑤公開する、の5つです。
一度この土台さえ作れば、次からのタグ追加はサイトのファイルを触らずに、自分の手元だけでできるようになります。今日は「①〜②を制作会社に相談するメールを1通書く」だけでも、十分な一歩です。

何が起きているのか:タグが増えるほど、身動きが取れなくなる

いま、企業サイトには思いのほかたくさんの「タグ」が入っています。

タグというのは、サイトに貼りつける短いコードのことです。アクセス解析(GA4)、広告の効果測定、チャットツール、ヒートマップ、SNSの埋め込み——どれも「このコードを<head>に貼ってください」という形で配られます。

問題は、その貼りつけ先がサイトのファイルそのものだという点です。だから、タグを1本足すたびに、次のことが起きます。

結果として、「サイトに何が入っているか、担当者自身も把握できていない」という状態になりがちです。これは怠慢ではありません。タグが増えるほど、そうなるのが自然な構造だからです。

GTMは、この構造を変えます。サイトには「GTMのコード」を1回だけ貼っておき、あとはGTMの管理画面から、タグを出し入れする——そういう仕組みです。例えるなら、壁に直接ポスターを画鋲で留めていたのを、掲示板を1枚だけ壁に取り付けて、あとはその掲示板に貼り替えるように変えるイメージです。壁(サイトのファイル)を傷つけるのは、最初の1回だけで済みます。

補足:GTMは無料で使えます(通常の企業サイトの規模なら、費用を気にせず始められます)。ただし、画面の名称やボタンの位置は更新されることがあります。この記事では変わりにくい流れを中心にお伝えしますので、細かい画面表示はGoogleタグマネージャーの公式ヘルプで最新をご確認ください。

手順を小さく分ける:最初の1本を公開するまでの5ステップ

サイトにGTMを1回設置すれば、あとは管理画面からタグを出し入れできる仕組みを示した図
壁に直接貼るのをやめて、掲示板を1枚つける。触るのは最初の1回だけ

一度に全部を理解しようとしなくて大丈夫です。次の順番で、少しずつ進めます。

  1. アカウントとコンテナを作る(10分)

tagmanager.google.com にGoogleアカウントでログインし、アカウントを作ります。アカウント名は会社名、その中に作るコンテナ名は自社サイトのドメイン(例:example.co.jp)にしておくと、後で迷いません。ターゲットプラットフォームは「ウェブ」を選びます。作成すると、GTM- から始まるコンテナIDと、貼りつけ用のコードが2つ表示されます。 ここで大事なのは、必ず自社のGoogleアカウントで作ること。制作会社のアカウントで作られると、契約が切れたときに引き継げなくなります(納品時に受け取るデータ・アカウント一覧と同じ考え方です)。

  1. サイトに2か所コードを貼る(この1回だけ依頼してOK)

表示された2つのコードを、それぞれ次の場所に貼ります。

全ページに入る必要があるので、WordPressならテーマのヘッダーファイルか、GTM用のプラグイン、あるいはテーマの設定画面に「head内に挿入するコード」の入力欄があればそこへ。自分で触るのが不安なら、ここだけ制作会社に頼んで大丈夫です。「今後のタグ管理を自社でやりたいので、GTMのコードを全ページに設置してほしい」と伝えれば通じます。これが最後の依頼になります。

  1. 最初のタグ(GA4)を作る(15分)

GTMの管理画面で「タグ」→「新規」。タグの種類からGoogleアナリティクス系のタグを選び、GA4の測定IDG- から始まる文字列。GA4の管理画面 → データストリームで確認できます)を入れます。トリガーには「All Pages(全ページビュー)」を選びます。これで「全ページでGA4を動かす」という1本ができます。 ※このタグの名称は「Google タグ」など、時期によって表示が変わります。迷ったら「Googleアナリティクス」のグループから探してください。

  1. プレビューで動作を確かめる(10分)

いきなり公開せず、右上の「プレビュー」を押します。自社サイトのURLを入れると、実際のサイトが別ウィンドウで開き、どのタグが動いたかを横の画面で確認できます。ここで「作ったタグが Fired(配信された)側に入っているか」を見ます。あわせて、GA4側の「リアルタイム」レポートに自分のアクセスが出れば、計測はつながっています。

  1. 公開する(1分)

プレビューで確認できたら、右上の「公開」を押します。バージョン名を聞かれるので、「GA4設置」のように何をしたかを書いておきます。これが変更履歴になり、後から「いつ何を入れたか」を追えるようになります。

まずは1と2だけ、今日進めれば十分です。3〜5は、コードが設置されてからで大丈夫です。

具体例:GTMがあるとき・ないときで、依頼はこう変わる

「広告のリターゲティングタグを入れたい」と社内から相談が来た日を、比べてみます。

GTMがないときGTMがあるとき
やること制作会社にタグを送って設置依頼自分でGTMにタグを1本追加
かかる時間依頼〜反映まで数日〜1週間15分程度
費用作業費が発生することがある追加費用なし
やめるときふたたび依頼して剥がしてもらう管理画面で一時停止・削除
記録メールを遡らないと分からないバージョン履歴に残る

差が出るのは、じつは「入れるとき」より「やめるとき」です。GTMがないと、使わなくなったタグを剥がすのにも依頼が要るため、つい放置されます。放置されたタグは、ページの表示速度を少しずつ重くしたり、Cookie同意の説明と食い違ったりする原因になります。出し入れが軽いということは、サイトをきれいに保ちやすい、ということです。

もう一つ、身近な例を。GA4で「問い合わせ完了」を計測したくなったとき、サンクスページがない形のフォームだと、GA4の管理画面だけでは対応しきれないことがあります(詳しくは問い合わせCVをGA4で計測する設定にまとめています)。こういう場面で、GTMが入っていれば選択肢が残る。逆に入っていないと、そこで手詰まりになりがちです。今すぐ使わなくても、土台として先に入れておく価値があるのは、このためです。

気をつけたい、たった一つの落とし穴

GTMで最初につまずきやすいのが、二重計測です。

すでにテーマファイルに直接GA4のタグが貼られているサイトで、GTMからもGA4のタグを配信すると、同じアクセスが2回数えられます。数字が急に倍近くに見えて、「サイトが伸びた」と勘違いしてしまうこともあります。

対処はシンプルで、どちらか一方に寄せるだけです。GTMに移すなら、テーマ側の古いタグを外してもらう。判断がつかないときは、GA4の「リアルタイム」を見ながら1ページ開いて、アクセスが1回だけ数えられているかを確かめれば分かります。

もう一つ、初めのうちによくあるのが、プレビューでは動くのに本番で動かないというもの。これはたいてい、「公開」ボタンを押し忘れているだけです。GTMは、公開して初めて実際のサイトに反映されます。慌てなくて大丈夫。落ち着いて右上を見てみてください。

あなたへの影響

明日やること

  1. まず、自社サイトにGTMがすでに入っていないかを確認する。サイトを開いて右クリック →「ページのソースを表示」→ Ctrl+F(Macは Cmd+F)で GTM- を検索。見つかれば、すでに誰かが設置済みです(制作会社に管理権限の移管を相談しましょう)。
  2. 入っていなければ、tagmanager.google.com自社のGoogleアカウントを使い、アカウントとコンテナを作ってみる。コードが表示されるところまでで、今日はOKです。
  3. 制作会社へ、設置依頼のメールを1通書く。文面はこれで十分です。
件名:GTM(Googleタグマネージャー)設置のご相談

お世話になっております。
今後のタグ管理を自社側で行いたく、Googleタグマネージャーのコードを全ページに設置いただけないでしょうか。
コンテナID:GTM-XXXXXXX
設置場所:<head> 内の上部、および <body> 直後(管理画面に表示される2つのコード)
あわせて、現在サイトに直接設置されているタグ(GA4・広告など)があれば、一覧をご共有いただけると助かります。
お手数ですが、よろしくお願いいたします。

一度に全部やらなくて大丈夫です。今日は1番の確認だけでも、サイトの現在地がひとつはっきりします。

チェックリスト

全部を完璧にやろうとしなくて大丈夫です。まずは最低ラインの3つから。残りは「余裕があれば」でかまいません。

最低ライン(これだけは)

余裕があれば(推奨)

GTMの設置を終えて、タグの追加を自分の手元でできるようになり、落ち着いた表情の企業のWEB担当者

GTMは、名前がいかにも専門的で、身構えてしまう道具です。でも中身は、「壁に直接貼るのをやめて、掲示板を1枚つける」というだけの、とても素朴な発想でできています。

そして、この道具がいちばん効くのは、じつは高度なことをするときではありません。「ちょっと試したい」を、誰かに頼まずに試せるようになる——その小さな自由が、一人でサイトを回す毎日をずいぶん軽くしてくれます。

今日、コンテナを1つ作れたなら、それで十分な一歩です。タグは、あとからいくらでも増やせます。焦らず、掲示板を1枚だけ、壁に取り付けるところから始めましょう。

よければ、こちらも

GTMを入れたあとに効いてくる話として、GA4の最初に見るべき4つの画面問い合わせCVをGA4で計測する設定UTMパラメータで効果を分けて見るもあわせて読むと、点がつながっていきます。「うちのサイトはどうなってる?」と気になったら、お問い合わせからいつでも声をかけてくださいね。

関連用語