MENU

LightningにGoogleタグマネージャーを設置する方法を解説

お悩みさん

トラブルなくLightningとタグマネージャーを連携させたい。

ナルキ

この記事ではできる限り無駄なプラグインやコードを操作することなくタグマネージャーを連携させる方法を解説しています。

【ステップ1】Googleタグマネージャーのアカウントを作成

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

Googleタグマネージャーにアクセスする(Google公式ページに移動します)

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

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

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

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

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

STEP
利用規約に同意する

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

右下の「OK」をクリックして画面を進めましょう。

【ステップ2】LightningにExUnitプラグインをインストール

Lightningにタグマネージャーを導入するにはプラグインのExUnitが必須です。
EXUnitは、LightningのオプションプラグインでLightningと開発元が同じです。

それでは、LightningにExUnitプラグインのインストール手順を解説します。
すでにインストールしている方は次のステップへ進んでください。

STEP
①ワードプレスの管理画面からプラグインを選択

ワードプレスの管理画面からプラグインを選択し、「新規プラグインを追加」のボタンをクリック

STEP
②プラグイン検索窓に「ExUnit」と入力し、検索
STEP
③ExUnitプラグインの「今すぐインストール」をクリック

インストール後は「有効化」をクリック

次のはExUnitプラグインの中にタグマネージャーのGoolgタグを設置していきます。

【ステップ3】ExUnitプラグインにGoogleタグを設置する

STEP
ExUnitに設置するGoogleタグを取得する

Googleタグマネージャーを開けてワークスペースの「GTM-〇〇」の部分をコピーする。

STEP
「GTM-〇〇」をExUnitに貼り付ける

ワードプレスの管理画面に左上からExUnit→メイン設定→Googleタグマネージャー設置の順に選択。

Googleタグマネージャー設定がない場合

ExUnitの中の「有効化設定」をクリックした後、「Googleタグマネージャー」にチェックをつける必要があります。

(Googleタグマネージャーは少し下にあるのでスクロールが必要!)

チェックをつけた後は「変更保存」を忘れずに。

ナルキ

かなり下の方に変更保存ボタンがあるの気をつけてね!

Googleタグマネージャー設置のGTM-の部分にタグマネージャーからコピーしたGoogleタグを貼り付ける。

変更を保存をクリック。

ナルキ

Googleタグマネージャーが正しく実装できているか確認をしましょう。

Googleタグマネージャーの画面に戻りGTM-〇〇の部分をクリック。

「ウェブサイトをテストする」の項目にURLを入力し、右のテストボタンをクリック。

ウェブサイトで Google タグが検出されませんでした。」と表示された場合は正しく実装できていないので、設定の見直しが必要です。

目次