現状・条件
Cocoon テーマの「アクセス解析・認証」機能を利用するため、タグマネージャー設定を行います。
ウェブページ用 タグマネージャー ID を取得
Google マーケティング プラットフォーム にログインしてください。
「他のサービスの情報」で「Google マーケティング プラットフォーム サービス」テキストをクリックするか、右側の下矢印をクリックして、「タグ マネージャー 」の「設定」ボタンをクリックします。
![wp-first-setup-google-tag-manager-1](https://www.jacepark.com/wp-content/uploads/2019/08/wp-first-setup-google-tag-manager-1-1024x356.png)
![wp-first-setup-google-tag-manager-2](https://www.jacepark.com/wp-content/uploads/2019/08/wp-first-setup-google-tag-manager-2.png)
新しいアカウントを作成します。
![wp-first-setup-google-tag-manager-3](https://www.jacepark.com/wp-content/uploads/2019/08/wp-first-setup-google-tag-manager-3-1024x360.png)
アカウント名は識別しやすいラベル ( 例:サイトURL ) にして、国は 日本 を選択します。
次は「コンテナ名」を入力し、「ターゲットプラットフォーム」は「ウェブ」を選択して「作成」ボタンをクリックします。
![wp-first-setup-google-tag-manager-4](https://www.jacepark.com/wp-content/uploads/2019/08/wp-first-setup-google-tag-manager-4-641x1024.png)
「Google タグ マネージャー利用規約 」が表示されます。「はい」ボタンをクリックしてください。
![wp-first-setup-google-tag-manager-5](https://www.jacepark.com/wp-content/uploads/2019/08/wp-first-setup-google-tag-manager-5-1024x67.png)
しばらく、読み込んでから Google タグマネージャー用のコードが表示されます。GTM- で始まる 7桁 の文字列を GTM- を含めてメモっておいてください。
![wp-first-setup-google-tag-manager-6](https://www.jacepark.com/wp-content/uploads/2019/08/wp-first-setup-google-tag-manager-6-1024x762.png)
メモったら、右下の「OK」リンクをクリックして完了します。
AMP 用 タグマネージャー ID を取得
引き続き、「AMP 用 タグマネージャー ID」も取得します。
先ほどの画面で「管理 → コンテナ→ +」リンクをクリックすると、同じアカウントに新しいコンテナを追加できます。
![wp-first-setup-google-tag-manager-7](https://www.jacepark.com/wp-content/uploads/2019/08/wp-first-setup-google-tag-manager-7-1024x345.png)
もしくは、下記の画面からも「コンテナを作成」できます。
![wp-first-setup-google-tag-manager-8](https://www.jacepark.com/wp-content/uploads/2019/08/wp-first-setup-google-tag-manager-8-1024x393.png)
コンテナ名を入力し、「ターゲットプラットフォーム」は「AMP」を選択します。
「作成」ボタンをクリックします。
![wp-first-setup-google-tag-manager-9](https://www.jacepark.com/wp-content/uploads/2019/08/wp-first-setup-google-tag-manager-9.png)
同じく待つと、AMP 用タグマネージャーコードが表示されます。
「GTM-を含む 7桁 の文字列」をメモったら「OK」ボタンをクリックしてください。
![wp-first-setup-google-tag-manager-10](https://www.jacepark.com/wp-content/uploads/2019/08/wp-first-setup-google-tag-manager-10-1024x665.png)
これで、タグマネージャー ID の取得は完了です。
Cocoon テーマ側の設定
WordPress 管理画面から、
・押下:「Cocoon設定」
・ページ内:「アクセス解析・認証」タブ
「Googleタグマネージャー設定」>「タグマネージャーID」と「AMP用 タグマネージャーID」にそれぞれペーストしてください。
![wp-first-setup-google-tag-manager-11](https://www.jacepark.com/wp-content/uploads/2019/08/wp-first-setup-google-tag-manager-11-1024x642.png)
ペーストしたら「変更をまとめて保存」ボタンをクリックします。
テーマ側のタグマネージャー ID 登録も完了しました。
さいごに
Cocoon テーマによると、タグマネージャー ID を登録すると Google アナリティクス のトラッキング ID より優先されるとのことでしたので、いずれかを設定しておけば良いかと思います。
![wp-first-setup-google-tag-manager-12](https://www.jacepark.com/wp-content/uploads/2019/08/wp-first-setup-google-tag-manager-12-1024x147.png)
![wp-first-setup-google-tag-manager-13](https://www.jacepark.com/wp-content/uploads/2019/08/wp-first-setup-google-tag-manager-13-1024x157.png)
コメント