楽天AMPページをGTMタグでGoogleアナリティクス計測する方法です。こんにちは、Googleタグマネージャ大好きカグア!です。WordPressでAMP化して、GoogleタグマネージャでGoogleアナリティクスを計測して、URLを見やすくする設定までを解説します。情報は2017年4月時点でのものです。関連情報リンクまとめAMPページにGTMを実装するとはまずは謝辞です山田さんと鈴木さんの記事を参考にさせていただきました。ありがとうございました。Developersあと、正規表現の練習ができるサイト。※非必須AMP化したWordPressのページに、Googleタグマネージャを入れます。AMPプラグインを直接改修するので、もっとうまい方法がないかは要検討です。AMPページにGTMタグを実装するWordPressにAMPを実装WordPress公式ディレクトリにあるオートマティック社製プラグイン。PluginsAMPプラグインを入れると、AMP出力してくれ、以下のようになります。Consoleで、AMPページのクロールや構造化のチェックを予めして、エラーはつぶしておきましょう。GTMでAMPコンテナタグ発行Googleタグマネージャにログインし、アカウントから、新規コンテナタグの発行に進みます。ウェブやアプリと同様に「AMP」がありますので、そちらを選びます。AMP用にちゃんと用意してくれているのが、嬉しいですね。お馴染みのタグが表示されます。AMPページの最後と、BODY直下に入れよ、と表示さます。ここで注意があります。前述の鈴木さんの記事に書いてあるように、これじつはタイポ(誤字)です。タグの最後」だそうです。私は、ウェブ版と同じようにHEAD直下とBODY直下に入れました。理由はないのですが、現状とりあえず、これで動いてますので良しとします。ウェブ用と同じように、コンテナタグも2つになるのですね。山田さんの記事にも書かれているのですが、私もとりあえず記事ページのみAMP化することにしました。理由は簡単だからです、WordPressのAMPプラグインに直接書けば済んでしまいます。プラグインがアップデートしたらアウトなので全然スマートじゃありません(泣)。良い方法があれば、どなたかお教えください。amp/templates/single.phpのHEAD直下とBODY直下に、GTMで表示されたコンテナタグをそれぞれ貼り付けて、保存します。WordPressサイトのAMPページへのGTMタグの実装は、これで完了です。それでは、実際にアクセスして確認してみましょう。AMPページにアクセスして検証スマホからGoogle検索をして、表示される自分のAMPページにアクセスします。これで、AMPページにGTMを実装する方法は以上です。今回わたしは、GAにビューフィルタを設定し上記のようにURL置換を試みました。ちなみに、これは非推奨ですので、自己責任にてよろしくお願い致します。「AMP計測のために別のプロパティを新たに作成することが推奨」と。海外SEO情報ブログそれでは、ご紹介します。※この設定は必須ではありません。上記の方法でGoogleアナリティクスを計測しますと、同一のページであっても2種類のURLが出来てしまいます。それはそれで良いのですが、もっとスマートに分類できないかなーとしたのが、今回のフィルタです。付与するため区別しやすくなります。しますと、ディレクトリ単位で識別しやすくなるため、いいかなーと。ビューフィルタは一度設定しますと、データを元に戻せませんので、試すときは必ずビューを複製し、そちらで行って下さい。ampページは/amp/に置換、通常ページは/web/に置換します。これで、ampページアクセスもすぐに区別できて便利です。※サブドメイン方式ですと、集計が一元化できますね。東京新聞のAMPサイトがそうみたいです。>>日本の新聞社のWebサイト5社のAMP対応状況について調べてみた。Qiitaこの設定の注意点ただ前述のように、Googleアナリティクス推奨は、現行動いているGAとは別のプロパティIDを新規で取得して、新しくトラッキングしたほうが良いよ、です。今回のように、今までのGoogleアナリティクスと合わせて分析したいー、と同じプロパティIDでGTMタグを発行して、計測すると何が起こるのか未知数です。わたしにもわかりません。それに、もともとampディレクトリがあるサイトなどですと、かえって混乱します。前述のように本設定は必須ではありません。自己責任にてどうぞです。いえそれっぽくはなったので、しばらくはこれで運用しようと思います。経過はこの記事に追記していきますので、どうぞよろしくお願い致します。以上、WordPressのAMPページにGTMタグを実装してGAのフィルタを設定して見やすくする、でした。エビスコムAmazonで詳しく見る関連情報リンクなぜ「戦略」で差がつくのか。音部大輔Amazonで詳しく見るGoogleのキャッシュなんですよね。Pages)ってなんで速いの。QiitaインラインCSS。Qiitaウェブ版よりは取れることは減りますが、それでも新鮮。blogまとめしかし、WordPressですとほんとAMP化は簡単ですね。スマホメインのサイトなら、PC用のデザインを考えなくてもいいんじゃないの、とか思ってしまうほどです。>>人気の「Googleタグマネージャ」最新関連書籍の一覧はこちら。Amazonで詳しく見るAMP化はたしかに高速でページが表示され、快適なUXです。それでもここまでシンプルですと、なんだかガラケーサイトを思い出しました。WordPressユーザーの方はぜひ。Yoshidaブロガー兼ユーチューバー。個人事業主でネット業界のお仕事24年目です。「マツコの知らない世界」Googleマップ案内人TV出演。Googleストリートビュー認定フォトグラファー。Googleアナリティクス公式コミュニティ・アンサリスト最高ランク「レジェンド」国内初獲得。主な著書「Googleアナリティクス基礎講座」(技術評論社)。趣味はデジカメとゲームとパン作り。当サイトについて・プライバシーについて当ブログではGoogleアナリティクスとcookieを用い、個人を特定しない範囲でアクセス状況を記録しています。Google側ではその情報をGoogleアカウントと紐付けパーソナライズ広告に利用しています。その情報は取り扱いに注意しつつ、内容充実や企画立案など、皆様のお役に立てるよう活用しています。パーソナライズド設定をオフにするには、Google公式ページを御覧ください。運営するアフィリエイトプログラムに参加しています。それらのリンクからユーザー様が該当サイトにて購入されたとき、サイトが紹介料を獲得します。・引用/画像利用について当ブログでは一部外部の画像を利用しています。TwitterやInstagramなどSNSで公開された投稿については、本文の説明上必要と思われます著作権法で認められています「引用」としての利用として、ASPの埋め込み引用機能(エンベッド)を用い掲載をしています。・免責事項について当ブログの記事の内容や感想については、あくまでも個人的な見解となります。記事執筆当時の情報で、実際の状況や環境によって掲載内容と異なる場合がございます。万一トラブルや問題、損害が発生しましても、一切の責任を負えません。