MENU

【2024年版】SWELLにGoogleタグマネージャー(GTM)を設置する方法を解説

ナルキ

この記事では実際の画面をキャプチャーし解説しているので、
初心者の方でも設置完了まで心配なく進められます!

この記事を書いている人

プロフィールの詳細はココをクリック

目次

Googleタグマネージャーのアカウントを作成(持っている方は読み飛ばしてね)

STEP
Googleタグマネージャーにアクセスする

Googleタグマネージャーにアクセスする(青い文字をクリック)

初めてタグマネージャーにアクセスした場合は何もアカウントが表示されていない画面が表示されます。

STEP
アカウントを新規作成する

右上の「アカウントを作成」をクリック。

・「アカウント名」 会社名やサイト名を入力する
・「国」 日本を選択(下までスクロールすると日本があります)
・「異名でデータを共有」 チェックは不要

・「コンテナ名」 アカウント名と同じでOK
・「ターゲットプラットフォーム」 ウエブを選択する
最後に「作成」をクリックして進める。

STEP
利用規約に同意する

①下の「GDPRのデータ処理規約に同意」にチェックを付ける
最後に、上の「はい」をクリック

下記の画面が表示された場合は開けたままにしておきましょう。
SWELLに実装するGoogleタグが表示されています。
(閉じてしまった方は後の工程で開け方も解説します。)

SWELLにGoogleタグマネージャーを設置する

SWELLにGoogleタグマネージャーを設置するには2つの工程があります。

  1. SWELLにGoogleタグマネージャーのタグコードを設置する場所を開ける
  2. Googleタグマネージャーからタグコードを取得してSWELLに設置する
ナルキ

順番に解説するので進めていきましょう!

STEP
SWELLにGoogleタグマネージャーのタグコードを設置する場所を開ける

ワードプレスのダッシュボード画面から「カスタマイズ」をクリック。

カスタマイズの中の下にある「高度な設定」をクリック。

高度な設定の中には</head>直前と<body>直前があります。

この2箇所にタグマネージャーのコードを実装する必要があります。

Screenshot

次の工程では、タグマネージャーからコードを見つけて高度な設定に設置していきます。

STEP
Googleタグマネージャーからコードを取得してSWELLに設置する

タグマネージャーに戻り、コードを取得していきます。

ナルキ

アカウント作成から始めている方は、下記の画像の画面で止まっている場合がありますので高度な設定に設置する工程に進みましょう!

タグマネージャーを開けると、上部に青い文字で「GTM-」から始まる文字列があるのでそこをクリック。

表示されたコードをSWELLにコピーして貼り付けます。

SWELLにタグマネージャーのコードが設置できたら、高度な設定の「公開」を忘れずに!

ナルキ

SWELLにタグマネージャーのコードが設置できたら、高度な設定の「公開」を忘れずに!

タグマネージャーとGoogleアナリティクス(GA4)の連携方法

目次