Cocoonで通常ページとAMPページのGoogle Analytics解析をそれぞれ正確に集計する設定

先日、ブログテーマを「Cocoon」に変更しました。

さっそくCocoonの機能を使ってブログをAMP対応させましたが、そのあと数日間、AMP経由のアクセスをGoogle Analyticsでうまく取れなくてちょっと困りました。

原因は僕の設定ミスで、Cocoonのマニュアルページにある通りやればOK。

ですが、同じようにハマる人がいると困るはず。

というわけで、改めて書くとどうってことのない内容ですが、詰まったところをまとめておきます。

同じような状況の方はぜひご参考にしてください。

AMP対応はテーマ側でチェックボックスにチェックするだけ
ページ/セッションが異常値（15とか）になってしまう
最終的に落ち着いた方法
まとめ：時代は「モバイルフレンドリー」ではなく「モバイルファースト」へ
お得情報&お知らせ

AMP対応はテーマ側でチェックボックスにチェックするだけ

あ、ここにやり方が書いてあった！ものすごい丁寧なマニュアルで頭が下がります。

GoogleタグマネージャでAMP用のトラッキングIDの設定方法 #Cocoonテーマ https://t.co/ycsCawkHYu

— 煮え湯@yawn (@nieyu365) 2018年4月24日

Cocoonはテーマ側でAMP対応させることができるので、AMP用のプラグインは不要。

僕もこのブログをサクッとAMP対応することができました。

「大変そうだけどいつかやらなきゃな〜」と思って後回しにしていましたが、これほど簡単にできるとは……！

この素晴らしさは「モバイルファースト」なテーマならでは。

ちなみに、CocoonのAMP対応のチェックボックスにチェックしても、GoogleにAMPページがインデックスされるのには数日かかります。

数日待ってからSearch Consoleでインデックス状況を確認してみてください。

ページ/セッションが異常値（15とか）になってしまう

アナリティクスにAMP用のプロパティを追加して、通常とAMPでそれぞれデータ見られるようにしたぞい。もうすでにかなりの記事がAMPとしてインデックスされているので、リアルタイムで見るとAMPの方がアクセス多い。もともとスマホが7割くらいだから当然か。

— 煮え湯@yawn (@nieyu365) 2018年4月25日

と思ったけれど、なんかAMPだけのアナリティクスみるとページ/セッションが15とかになるので絶対おかしい。

なので、やっぱAnalytics上はひとつのトラッキングIDを用意して、それをタグマネージャで「通常」「AMP」それぞれのコンテナに登録するほうがスマートな感じするのでそうしよ。正解がわからん

— 煮え湯@yawn (@nieyu365) 2018年4月25日

AMP対応自体は簡単にできましたが、その後どうにもアナリティクスの様子がおかしい。

僕の場合、なぜか「ページ/セッション」の値が15とかになってしまう現象が発生。

しかも常にそうなわけじゃなくて、一日の中のランダムな一時間に集中して発生する感じ。

原因は僕の設定ミスだったわけですが、しばらくは修正する方法がわからず、解決方法を試行錯誤する日々が続きました。

最終的に落ち着いた方法

うん、これで良さげ。つかれたー。

ポイントはこんな感じ。しばらくこれでいく！
・タグマネージャで「通常」と「AMP」のコンテナをそれぞれつくる
・それぞれのコンテナには同一のトラッキングIDを設定
・Cocoonのテーマ設定で「通常」と「AMP」それぞれのタグマネージャIDを設定

— 煮え湯@yawn (@nieyu365) 2018年4月25日

最終的な解決方法としては、上のツイートに書いてあるとおり。

これは実はCocoonのマニュアルページで書いてあるとおりの設定方法と同じなんですよね。