WordPressタグマネージャー アクセス解析

WordPress 用の Google タグマネージャーを設定する〜ウェブ・AMP用〜

tag-manager WordPress
スポンサーリンク

現状・条件

  • WordPress バージョン:5.2.2
  • WordPressのテーマ:Cocoon 1.9.0.2

Cocoon テーマの「アクセス解析・認証」機能を利用するため、タグマネージャー設定を行います。

ウェブページ用 タグマネージャー ID を取得

Google マーケティング プラットフォーム にログインしてください。

「他のサービスの情報」「Google マーケティング プラットフォーム サービス」テキストをクリックするか、右側の下矢印をクリックして、「タグ マネージャー 」「設定」ボタンをクリックします。

wp-first-setup-google-tag-manager-1
▲ Google マーケティング プラットフォームにログインします
wp-first-setup-google-tag-manager-2
▲ タグマネージャーを設定します

新しいアカウントを作成します。

wp-first-setup-google-tag-manager-3
▲ アカウントを作成するにはここをクリックしてください

アカウント名は識別しやすいラベル ( 例:サイトURL ) にして、国は 日本 を選択します。

次は「コンテナ名」を入力し、「ターゲットプラットフォーム」ウェブを選択して「作成」ボタンをクリックします。

wp-first-setup-google-tag-manager-4
   

「Google タグ マネージャー利用規約 」が表示されます。「はい」ボタンをクリックしてください。

wp-first-setup-google-tag-manager-5

しばらく、読み込んでから Google タグマネージャー用のコードが表示されます。GTM- で始まる 7桁 の文字列を GTM- を含めてメモっておいてください。

wp-first-setup-google-tag-manager-6

メモったら、右下の「OK」リンクをクリックして完了します。

AMP 用 タグマネージャー ID を取得

引き続き、「AMP 用 タグマネージャー ID」も取得します。

先ほどの画面で「管理コンテナ」リンクをクリックすると、同じアカウントに新しいコンテナを追加できます。

wp-first-setup-google-tag-manager-7

もしくは、下記の画面からも「コンテナを作成」できます。

wp-first-setup-google-tag-manager-8

コンテナ名を入力し、「ターゲットプラットフォーム」は「AMP」を選択します。
「作成」ボタンをクリックします。

wp-first-setup-google-tag-manager-9

同じく待つと、AMP 用タグマネージャーコードが表示されます。
GTM-を含む 7桁 の文字列」をメモったら「OK」ボタンをクリックしてください。

wp-first-setup-google-tag-manager-10
   

これで、タグマネージャー ID の取得は完了です。

Cocoon テーマ側の設定

WordPress 管理画面から、
・押下:「Cocoon設定」
・ページ内:「アクセス解析・認証」タブ
「Googleタグマネージャー設定」>「タグマネージャーID」「AMP用 タグマネージャーID」にそれぞれペーストしてください。

wp-first-setup-google-tag-manager-11
   

ペーストしたら「変更をまとめて保存」ボタンをクリックします。

テーマ側のタグマネージャー ID 登録も完了しました。

さいごに

Cocoon テーマによると、タグマネージャー ID を登録すると Google アナリティクス のトラッキング ID より優先されるとのことでしたので、いずれかを設定しておけば良いかと思います。

wp-first-setup-google-tag-manager-12
wp-first-setup-google-tag-manager-13
スポンサーリンク

コメント

タイトルとURLをコピーしました