Home / 2019 / 6月

Monthly Archives: 6月 2019

Google Analytics の AMP 対応

Google Analytics のプロパティにあるタグをコピペで埋め込むだけだと、AMP対応しているサイトの Analytics にセッションが反映されなかったので、調べて解決しました。

 

まず、<head>タグ内に以下を埋め込む必要があります。非同期で読み込む Analytic s用の javascript だと思います。

<script async custom-element="amp-analytics"
src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js">
</script>

次に、<body>内に以下を埋め込みます。<TARGET_ID>部分を Google Analytics の トラッキングID に置き換えます。

(トラッキングID は、Google Analytics の プロパティ>トラッキング情報>トラッキングコード から見られる情報です。)

<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars" : {
    "gtag_id": "<TARGET_ID>",
    "config" : {
      "<TARGET_ID>": { "groups": "default" }
    }
  }
}
</script>
</amp-analytics>

 

ソース : https://developers.google.com/gtagjs/devguide/amp

 

これで無事リアルタイムでもセッションが Google Analytics で確認できるようになりました。

強制的にAMP対応させました

ブログ更新が5か月も滞っていてモチベーションの上がらなさに驚いています。

モチベーションが上がらなかったのは、テーマで「Wing」を使っていたのですが「さくらのレンタルサーバー」と相性が悪かったのか、サーバーレスポンスがとても遅くコントロールパネルを出すのにめちゃくちゃ待ったから。

なので、高速化をするためにテーマを変えてプラグインでサイト全体を強制的にAMP対応させました。

AMPにしたらめちゃくちゃロードが早くて快適。PageSpeed Insightsもモバイル&PC共に30点台から、モバイルのアドなしで85点以上、アドありで50点台、PCは常時90点以上にもっていけました。

何も過去アセットを修正しないでAMP対応したので画像が表示されないですが、もう気にしない。これから画像重視の投稿もする気がないので、文章だけで更新していこうと思います。

写真なりのイメージギャラリーはInstagramやPinterestでやればいいのだ。映像はYouTubeとTwitchでやればいいのだ。

 

ということで文章だけにすることも相まってますます軽量化することでブログ更新モチベーションが上がりますように。