Simplicity2のAMPページにおけるAnalytics設定について

amp-pixel

WordPressテーマ「Simplicity2」のAMP機能を有効化し、かつ、Google Analyticsの設定をテーマカスタマイザーで行っている場合、自動でAMPページにもAnalyticsのコードが設置されます。

AMPページでAnalyticsを利用するためには、amp-pixelタグを使う方法とamp-analyticsタグを使う方法の2種類がありますが、Simplicity2ではamp-pixelが使われているようです。

Analyticsに記録されるデータをチェックしてみると、通常のページとAMPページの区別ができない状態になっていたので、これを変更してみました。

スポンサーリンク

AMPページのAnalyticsコードを変更

AMPページのテンプレートであるsingle-amp.phpにAMP用のAnalyticsコードが記述されています。

<amp-pixel src="//ssl.google-analytics.com/collect?v=1&amp;tid=<?php echo get_tracking_id() ?>&amp;t=pageview&amp;cid=<?php echo mt_rand(0, 99999999); ?>&amp;dt=<?php the_title() ?>&amp;dl=<?php the_permalink() ?>&amp;z=<?php echo mt_rand(0, 99999999); ?>"></amp-pixel>

AMP HTMLとWordPressのPHPコードが混ざっていて見づらいですが、ポイントはsrc属性です。ここでAnalytics側に渡されるデータの設定をしています。

今回注目するのは「dt=<?php the_title() ?>」と「dl=<?php the_permalink() ?>」の部分。前者はページタイトル、後者はURLを示しており、ここで指定したページタイトルとURLがAnalyticsに記録されます。

※amp-pixelタグを用いたAnalyticsの設定については以下のページが詳しいです。あわせてご覧ください。
Use Google Analytics in AMP HTML · GitHub

URLの変更

初期状態ではAnalyticsに渡すURLにthe_permalink()が指定されており、AMPページへのアクセスが発生しても通常ページのURLが記録されるようになっています。

そこで、「dl=<?php the_permalink() ?>」の部分を「dl=<?php the_permalink() ?>?amp=1」と変更しました。これで、AMPページへのアクセスが発生した場合に、末尾に「?amp=1」が付加されたURLが記録されるようになります。

ページタイトルの変更

※Simplicity2バージョン2.4.0ではAMPページのtitleタグのブログ名が重複してしまう不具合があるので、まずはこれを修正しました。
AMPタイトルのサイト名が設定によっては重複してしまう不具合修正 · yhira/simplicity2@6a21ace · GitHub

URL変更のついでにページタイトルの変更も行いました。

初期状態では「dt=<?php the_title() ?>」となっていますが、これを「dt=<?php the_title() ?> | <?php bloginfo(‘name’); ?>」に変更。titleタグと同様に「記事タイトル | ブログ名」のタイトルがAnalytics側に渡されるようにしました。

最終的にはこのようなコードに

最終的にamp-pixelタグはこのようになりました。

<amp-pixel src="//ssl.google-analytics.com/collect?v=1&amp;tid=<?php echo get_tracking_id() ?>&amp;t=pageview&amp;cid=<?php echo mt_rand(0, 99999999); ?>&amp;dt=<?php the_title() ?> | <?php bloginfo('name'); ?>&amp;dl=<?php the_permalink() ?>?amp=1&amp;z=<?php echo mt_rand(0, 99999999); ?>"></amp-pixel>

おわりに

AMPページにおけるAnalyticsについては、しばらくこのセッティングで様子を見てみます。

なお、今回の方法では直接single-amp.phpを変更しているので、テーマをアップデートした際にはリセットされてしまいます。テーマカスタマイザーでGoogle Analyticsの詳細な設定ができればよいのですが…。