こんにちは、らいらいです!
昨日は運営報告記事でグーグルアナリティクスとJetpackで数字の差があることを書きました。
→【ブログ運営報告】3ヶ月目のアクセス数とPV数。1万PV達成なるか?
原因がグーグルアナリティクス側でのAMP対応済みページがカウントされていないことだったのですが、
対応するためのやり方がむずかしい!!
2時間ほど悪戦苦闘しました。
ぼくがわからなかった部分を本当の初心者でも設定できるように備忘録として残しておきます。
ぐぐった結果がこの有り様
![](https://i0.wp.com/naniga-nandemo.com/wp-content/uploads/2017/12/6990b0dd727b115f44fba43944732c97.png?resize=347%2C574&ssl=1)
あ…ありのまま 今 起こった事を話すぜ!
「おれは AMPページにアナリティクスを入れようと思ったら
AMPforWPプラグイン利用時のやり方が見つからなかった」な… 何を言っているのか わからねーと思うが
おれも 何をしたのか わからなかった…
頭がどうにかなりそうだった… 催眠術だとか超スピードだとか
そんなチャチなもんじゃあ 断じてねえ
もっと恐ろしいものの片鱗を 味わったぜ…
![](https://i2.wp.com/naniga-nandemo.com/wp-content/uploads/2017/09/S__14647309.jpg?w=728&ssl=1)
このページに訪れた人も「AMP アナリティクス」などで検索してたどり着いていると思います。
検索して最初に出てくるグーグル公式HPでは
Googleアナリティクスでサポートされるユーザーインタラクション
<head>に次のスクリプトを追加します。
などなど。。。
初心者には何を言っているのかさっぱり!!
次に該当ページを見つけたと思ったら、プラグインが「AMP」の場合だったり。
![](https://i0.wp.com/naniga-nandemo.com/wp-content/uploads/2017/12/AMP.png?resize=728%2C210&ssl=1)
![](https://i2.wp.com/naniga-nandemo.com/wp-content/uploads/2017/09/S__14647309.jpg?w=728&ssl=1)
今度こそと思いきや見つけたのは、画像もない説明文章のみ。。。
コードの貼り付けなどの説明で画像が無いのは
怖い!!
もう、ただただ怖い!!!
前置きが長くなりました。
ぼくのような完全初心者でも出来るように画像付きで説明していきます。
AMPforWPでのグーグルアナリティクス導入方法
わかりやすさ重視で画像多めです。
1.グーグルアナリティクスのトラッキングコードを用意します。
グーグルアナリティクスの管理ページに飛びます。
左側のメニューから「管理」をクリック。
![](https://i1.wp.com/naniga-nandemo.com/wp-content/uploads/2017/12/AMP-1.png?resize=253%2C521&ssl=1)
赤枠で囲んだプロパティ欄の「トラッキング情報」をクリック。
![](https://i2.wp.com/naniga-nandemo.com/wp-content/uploads/2017/12/91e7cc6d971f13f459a8606cb6f3b5e3.png?resize=728%2C253&ssl=1)
下にタブが展開するので「トラッキングコード」をクリック
![](https://i2.wp.com/naniga-nandemo.com/wp-content/uploads/2017/12/dbac163563b721e968c509103d6ec62a.png?resize=472%2C434&ssl=1)
トラッキングIDで表示されている「UA-××××××××-×」が使うトラッキングコードになります。
![](https://i0.wp.com/naniga-nandemo.com/wp-content/uploads/2017/12/0488450ca36f3ec9a60fc2bdc1b3a0d4.png?resize=724%2C259&ssl=1)
2.テーマの編集
ワードプレスの管理画面で左メニューバーから「外観」→「テーマの編集」をクリック
![](https://i1.wp.com/naniga-nandemo.com/wp-content/uploads/2017/12/769bbdea81955e017e5b1d6c341a2f33.png?resize=321%2C243&ssl=1)
「functions.php」をクリック
ストークのテーマをいじるときは必ず子テーマを導入のうえ「stork_custom」のテーマをいじってください。
![](https://i1.wp.com/naniga-nandemo.com/wp-content/uploads/2017/12/d8a8140c72dd27abc3db2cc0eb9baed5.png?resize=728%2C365&ssl=1)
下のコードをテーマ内の一番下に貼り付けます。
トラッキングコードは1の手順で取得した「自分のコード」を入力してください。
add_filter( 'amp_post_template_analytics', 'xyz_amp_add_custom_analytics' );
function xyz_amp_add_custom_analytics( $analytics ) {
if ( ! is_array( $analytics ) ) {
$analytics = array();
}
// https://developers.google.com/analytics/devguides/collection/amp-analytics/
$analytics['xyz-googleanalytics'] = array(
'type' => 'googleanalytics',
'attributes' => array(
// 'data-credentials' => 'include',
),
'config_data' => array(
'vars' => array(
'account' => "トラッキングコード"
),
'triggers' => array(
'trackPageview' => array(
'on' => 'visible',
'request' => 'pageview',
),
),
),
);
return $analytics;
}
こんな感じ。
![](https://i0.wp.com/naniga-nandemo.com/wp-content/uploads/2017/12/e3dcb2fe923c37970853520066a16a59.png?resize=728%2C420&ssl=1)
これで完了!
![](https://i2.wp.com/naniga-nandemo.com/wp-content/uploads/2017/09/S__14647309.jpg?w=728&ssl=1)
動作確認
![](https://i0.wp.com/naniga-nandemo.com/wp-content/uploads/2017/12/6b35d4560f92cd53411c80226ebf8bac.png?resize=728%2C87&ssl=1)
アドレスの最後に「/amp」が付いていますね。
無事にAMPサイトへのアクセスもカウントされるようになりました。
おまけ:プラグイン利用の場合
実はAMPforWPのプラグイン自体にもアナリティクスのトラッキングコードを入力する欄があります。
![](https://i0.wp.com/naniga-nandemo.com/wp-content/uploads/2017/12/a94cdb53df6f018123cc29d4421ddd5a.png?resize=728%2C251&ssl=1)
最初こっちにトラッキングコードを入力して試していましたが、動作確認でいつまで経っても反映されませんでした。
やり方はワードプレスの管理画面で左メニューの「AMP」→「setting」→「analytics」を選択するだけ!
ぼくの動作環境の問題かもしれないので、先にこっちを試してみるのもいいと思いますよ。
まとめ
正直ぼくは、AMPサイトはデザインが崩れすぎて見にくいと思っているのですが、検索上位に来ているのを見ると止める勇気が出ないですね。
今後AMP対応を止めるかも含め、検討しています。
いずれにせよ、やっとアナリティクスとJetpackで数字が違いすぎる原因を解消できました。
で、AMP対応が終わってから気づきました。
さっさとプラグインを変えればよかったんじゃ・・・?
![](https://i2.wp.com/naniga-nandemo.com/wp-content/uploads/2017/09/S__14647309.jpg?w=728&ssl=1)