SWELLブログにGoogleタグマネージャーを設定する方法

SWELLでブログやサイトを作っていて、「Googleタグマネージャーを使いたいけど、どこにコードを貼ればいいの？」と手が止まっていないでしょうか。

ただ、全体の流れさえつかんでしまえば、SWELLにGoogleタグマネージャーを入れる作業自体はそこまで難しくありません。少しだけ用語を押さえておけば、落ち着いて進められます。

SWELLとGoogleタグマネージャーの組み合わせ方を、私のつまずきポイントも交えながら整理していきます。

SWELLとGoogleタグマネージャーを組み合わせるメリットを整理しよう

SWELLだけでタグを入れる場合とGTMを使う場合の違い

まずは、SWELLの機能だけで解析タグを入れていくパターンと、Googleタグマネージャーを併用するパターンを比べてみます。

項目	SWELLだけで管理	SWELL＋GTMで管理
タグの設置場所	テーマ設定やプラグインごとにバラバラ	GTMコンテナ内で一元管理
タグの追加・削除	その都度、各画面を開いて編集	GTMの管理画面だけで完結
テーマ変更時	テーマを変えるとタグの貼り直しが必要になりやすい	GTM側の設定は基本的にそのまま使い回しやすい
ミスの起きやすさ	重複設置やコピペミスが起きやすい	どのタグがどこで動くか把握しやすい

SWELLにはアクセス解析用の入力欄が用意されていて、GA4などのタグを直接入れることもできます。そのため、「タグはGA4だけで十分」という場合は、あえてGoogleタグマネージャーを使わなくても運用は可能です。

一方で、広告タグやヒートマップ、その他の外部ツールなど、これから計測タグが増えていきそうな場合は、早い段階でGTMにまとめておくと管理がぐっと楽になります。私の感覚としては、次のような人はSWELLとGoogleタグマネージャーを組み合わせておいた方が後々スムーズです。

• タグを増やして分析や改善をしていきたい人
• 複数のサイトを運営している、または今後増やす予定がある人
• 広告運用やイベント計測なども視野に入れている人

SWELL Googleタグマネージャー導入の全体イメージ

「これから何をするのか」の全体像を、先に簡単に整理しておきます。ステップごとの作業場所をイメージしておくと、迷いにくくなります。

ステップ	やること	作業場所
STEP1	GTMアカウントとコンテナを作成する	Googleタグマネージャー
STEP2	GTMコンテナコード（head用・body用）を取得する	Googleタグマネージャー
STEP3	SWELLの設定画面にコードを貼り付ける	WordPress（SWELL）
STEP4	GTMでGA4タグを作成し、全ページで計測する	Googleタグマネージャー
STEP5	必要に応じて広告タグやイベントタグを追加する	Googleタグマネージャー

この流れに沿って進めれば、SWELLとGoogleタグマネージャーを無理なく連携させることができます。次の章から、事前確認と具体的な手順を順番に見ていきましょう。

SWELLにGoogleタグマネージャーを入れる前に確認しておきたいこと

GA4・SWELL・GTMの役割をざっくり理解する

まずは、よく出てくる3つの名前の関係をシンプルに整理しておきます。

• SWELL：サイトのデザインや構成を担うWordPressテーマ
• GA4：アクセス解析の本体となるツール
• Googleタグマネージャー：さまざまなタグをまとめて配信する箱のような存在

GA4のタグは、いくつかの方法でサイトに設置できます。

• SWELLのアクセス解析欄に直接貼り付ける
• SEOや解析系のプラグインから入れる
• Googleタグマネージャー経由で配信する

どれも間違いではありませんが、今後タグを増やしていくことを考えると、「GA4はGTM経由に統一しておく」という形が扱いやすいです。理由は、タグを1か所に集めることで、後から見直しや整理がしやすくなるからです。

私自身も、最初はテーマやプラグインごとにタグを入れていましたが、あとから見直したときに「どこに何を入れたか分からない」という状態になってしまいました。その経験があって、今はなるべくGoogleタグマネージャーにまとめるようにしています。

SWELL Googleタグマネージャー導入前のチェックリスト

作業を始める前に、次のチェックポイントだけ確認しておくと安心です。

チェック項目	YESなら	NOなら
すでにGA4タグをどこかに入れている	入れている場所をメモしておく	そのまま進めて問題なし
広告タグやヒートマップなどを使っている	あとでGTMにまとめる候補としてリスト化	まずはGA4だけをGTMで扱う
コードを見るのが極端に苦手	最初はごくシンプルな設定から始める	慣れているならイベント計測などにも挑戦できる

「タグの場所がよく分からない」という場合は、いきなりすべてを完璧に整理しようとしなくて大丈夫です。まずはGA4だけをGoogleタグマネージャー経由にして、動作確認までできたら一歩前進と考えてください。慣れてきたタイミングで、他のタグをGTMに移していくイメージです。

SWELLにGoogleタグマネージャーのコードを設置する手順

Googleタグマネージャーでコンテナコードを取得する

まずはGTM側で、サイト用のコンテナを準備してコードを取得します。大まかな流れは次のとおりです。

• Googleタグマネージャーにログインし、新しいアカウントとコンテナを作成する
• ターゲットのプラットフォームで「ウェブ」を選択する
• コンテナ作成後に表示される2つのコードをコピーしておく

このとき表示される2つのコードは、役割が少し違います。

• 1つ目：headの中に入れるスクリプト
• 2つ目：bodyのすぐ後ろに入れるnoscriptタグ

この2つがセットでGoogleタグマネージャーのコンテナコードになります。あとでSWELL側に貼り付けるので、いったんメモ帳などにコピペしておくと作業しやすいです。

SWELLのカスタマイザーにGTMコードを貼り付ける

次に、WordPress管理画面からSWELLの設定を開き、先ほどのコードを貼り付けていきます。テーマのバージョンや構成によって細かいメニュー名は少し違う場合がありますが、基本的な考え方は同じです。

このときの注意点は、GTMのコードは一文字も書き換えず、コピーしたものをそのまま貼り付けることです。また、同じ欄に昔の計測タグが残っていないか、念のためざっと確認しておくと安心です。

保存時にエラーが出る場合は、レンタルサーバーのWAF（不正アクセス対策）の設定や、セキュリティ系プラグインがブロックしていることがあります。その場合は、サーバー管理画面やプラグインの設定で、一時的にブロックを緩めてから再度保存を試す、という流れになることが多いです。

SWELL Googleタグマネージャー設置後の簡単な動作確認

コンテナコードの設置が終わったら、最低限の動作確認をしておきましょう。難しいことをする必要はなく、「ちゃんと読み込まれているか」を見るイメージです。

ここまで問題がなければ、SWELL側にGoogleタグマネージャーが設置された状態になっています。次の章で、GTMの中身（GA4のタグなど）を設定していきます。

GoogleタグマネージャーでGA4を設定してSWELL全体を計測する

GA4の測定IDを用意する

まずは、GA4側でサイト用の測定IDを確認しておきます。すでにGA4を使っている場合は、そのIDを流用すればOKです。

• GA4の管理画面で対象プロパティを開く
• ウェブデータストリームの画面を表示する
• 「測定ID（G-〜）」と書かれた部分のIDをメモする

もしGA4のプロパティ自体をまだ作っていない場合は、先にプロパティとウェブデータストリームを作成しておきましょう。作成手順はGTMとは別なので、公式のガイドなどを見ながら進めれば問題ありません。

GTMでGA4タグを作成し、全ページに配信する

測定IDの準備ができたら、Googleタグマネージャー上でGA4のタグを作成します。大まかな流れは次のとおりです。

• GTMで対象コンテナを開く
• 左メニューから「タグ」→「新規」を選び、新しいタグを作る
• タグタイプで「Googleアナリティクス：GA4設定」を選択
• 測定IDの欄に、先ほどメモしたIDを入力する
• トリガーに「All Pages（すべてのページ）」を指定する
• 分かりやすいタグ名を付けて保存し、ワークスペースを公開する

設定内容のイメージを表にすると、次のようになります。

項目	設定内容の例
タグタイプ	Googleアナリティクス：GA4設定
測定ID	G-から始まるGA4の測定ID
トリガー	All Pages
タグ名	GA4_基本計測（サイト名）など

公開まで終わったら、自分のサイトを開きながらGA4のリアルタイムレポートをチェックしてみてください。自分のアクセスが表示されていれば、SWELLとGoogleタグマネージャー、そしてGA4がひとまず連携できている状態です。

旧タグとの二重計測を防ぐ

GTM経由のGA4タグが問題なく動くようになったら、最後に「古いタグが残っていないか」を確認します。ここを放置すると、データが二重にカウントされてしまうことがあるので要注意です。

次のような場所に、同じGA4の測定IDや古いUAタグが入っていないかチェックしてみましょう。

• SWELLのアクセス解析用入力欄
• SEOや解析系プラグインのトラッキング設定画面
• Google公式プラグイン（Site Kitなど）の連携設定

もし同じ計測タグが複数の場所から読み込まれていたら、基本的にはGoogleタグマネージャーに一本化して、その他の設定はオフまたは削除しておくと安心です。私は「解析はGTMにまとめる」とルールを決めてから、かなり管理が楽になりました。

SWELL×Googleタグマネージャーの簡単な活用アイデア

ボタンクリックやフォーム送信をイベントとして計測する

SWELLでは、ボタンブロックやCTAブロックを使って、リンクや行動喚起を配置することが多いと思います。これらのクリックをイベントとして計測しておくと、「どのボタンがよく押されているか」がはっきり見えるようになります。

よくあるイベントの例は、こんなイメージです。

• 記事下に設置したCTAボタンのクリック数
• お問い合わせフォーム送信完了の回数
• 商品ページや外部サービスへのリンククリック

いきなり難しい設定に挑戦する必要はなく、まずは「一番大事なボタン」を1つ決めて、そのクリックだけをイベント計測する、というところから始めてみてください。GTMでは、クリックをトリガーにしてイベントタグを発火させる設定ができます。

私も最初は、問い合わせフォームの送信完了だけをイベントとして計測し、そこから少しずつ計測対象を増やしていきました。小さく始めると、慣れやすく、ミスも少なく済みます。

広告タグや外部ツールのタグをGTMにまとめる

もし広告運用をしていたり、ヒートマップツールなど外部の解析サービスを使っている場合は、それらのタグもGoogleタグマネージャーにまとめておくと管理がかなり楽になります。

イメージとしては、次のようにタグの役割を整理しておくと分かりやすいです。

• GA4タグ：サイト全体のアクセス状況を見るための基本計測
• コンバージョンタグ：お問い合わせ完了ページや購入完了ページなど、成果地点でのみ発火
• リマーケティングタグなど：全ページまたは特定のページで発火

SWELLの設定画面や各プラグインにバラバラにタグを入れてしまうと、「あのタグはどこから出ているんだっけ？」という状態になりがちです。Googleタグマネージャーにまとめることで、SWELL側の設定をすっきりさせつつ、タグの動きを把握しやすくなります。

SWELL Googleタグマネージャーでよくある疑問と答え

Q1. SWELLでブログを始めたばかりですが、Googleタグマネージャーは入れた方がいいですか？

結論だけ言うと、「必ず入れなければいけないわけではないけれど、将来のことを考えると候補に入れておくと良い」です。GA4だけを軽く見たい程度なら、SWELLのアクセス解析欄にタグを入れるだけでも十分に運用できます。

ただ、今後広告を出したり、ボタンクリックやフォーム送信なども細かく計測したくなりそうなら、早い段階でGoogleタグマネージャーを導入しておくと、あとから「タグの引っ越し」で困りにくくなります。まずはこの記事の流れに沿って、SWELLとGTMをつなげておくところから始めてみてください。

Q2. すでにSWELLに直接GA4タグを入れている場合、あとからGTMに切り替えても大丈夫ですか？

はい、大丈夫です。実際、最初はSWELLに直接タグを入れておき、途中からGoogleタグマネージャーに切り替える人も多いです。ただし、切り替えのタイミングで二重計測にならないように注意が必要です。

おすすめの流れは次のとおりです。

• GTM側でGA4タグを作成し、動作確認をしておく
• リアルタイムレポートなどで問題なく集計されていることを確認する
• 確認できたら、SWELLやプラグイン側のGA設定をオフにする

この順番なら、計測が途切れるリスクを減らしつつ、スムーズにSWELLとGoogleタグマネージャーの構成へ移行できます。

Q3. SWELLにGoogleタグマネージャーを入れると、サイトが重くなるのが心配です

GTMを入れたからといって、必ず大きく重くなるわけではありません。むしろ、今までバラバラに入っていたタグをGoogleタグマネージャーにまとめることで、不要なタグを見つけて整理しやすくなります。

それでも速度が気になる場合は、次のような工夫がおすすめです。

• 使っていないタグをGTMから削除する
• 本当に必要なページだけでタグが動くように、発火条件を見直す
• SWELLの高速化設定やキャッシュ系プラグインと組み合わせてチューニングする

「いろいろなタグを適当に増やす」のではなく、「何を計測したいのか」を意識してタグを整理すれば、SWELLとGoogleタグマネージャーを両立させつつ、十分な速度を保つことができます。

まとめ：少しずつSWELL×GTMに慣れていこう

この記事の内容を振り返っておきます

今日からできる最初の一歩としては、まずGoogleタグマネージャーのアカウントとコンテナを作り、SWELLにコンテナコードを入れてみることです。そのうえで、GA4の測定IDを使って「全ページ計測」のタグを1つだけ作ってみてください。

この2ステップができれば、SWELLとGoogleタグマネージャーの連携は大きく前進しています。そこから先は、必要に応じてイベント計測や広告タグの設定を少しずつ足していけば大丈夫です。焦らず、一つずつ慣れていきましょう。