AMP対応ページは検索上位に表示される? そんなわけでWordPressでAMP対応してアナリティクスとAdsenseを貼ってみた

2016.2.26 (更新日:2016.03.02)
amp_022616_030309_PM

Googleがモバイルでの検索結果に導入したAMP(Accelerated Mobile Pages Project)、そもそもなんのことだかわからないし、個人ブログでどの程度の影響があるかわからないので様子見という人も多いのではないかと思いますが、少なくともモバイルからの流入を意識しているのなら、さっさと導入してしまったほうがよさそうです。というのも、AMP対応しているページはモバイル検索の上位に表示される可能性が高いようです。

試しにAndroidのChromeブラウザを使って「Xperia」というキーワードで検索してみたところ、AMP対応したこのサイトのページが3番目に出てきました。もちろん、PCで検索したら引っかかりもしません。

スクリーンショット_022616_032419_PM

AMP対応のページにはGoogleアナリティクスの設定をしていなかったので慌てて対応したのですが、アクセス数はかなり微妙ですが少なからず検索経由で流入はあるようです。

WordPressのAMP対応方法

AMP

WordPressの場合はAMPというそのものずばりのプラグインが提供されているので、これを導入するだけ最低限のAMP対応することが可能です。

導入後、URLの最後に「/amp/」もしくは「?amp=1」でampなページが表示されます。例えば先のXperiaの記事だと、

という感じです。

AMPページのアナリティクス対応

そのままだとアクセス解析ができず、どの程度見られているのか確認のしようがないすが、AMPでもGoogleアナリティクスが利用可能です。ただ、いつもの設定方法とはちょっと違います。

先のAMPプラグインは設定項目こそありませんが、プラグインのファイルを直接編集することでカスタマイズが可能になっています。アナリティクス導入で弄る必要があるのは、「single.php」というファイルです。

WordPressを弄っている人なら見ればわかると思いますが、通常のテーマと同じような作りになっています。

まず、<head>セクションに下記のスクリプトを追加します。

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

とりあえず、

<!--?php do_action( 'amp_post_template_head', $this ); ?-->

の上に追加してみました。

次に、アナリティクスの本体ですが、下記のコードを<body>内に記述します。

<amp-analytics type="googleanalytics" id="analytics1">
<script type="application/json">
{
 "vars": {
 "account": "UA-XXXXX-Y" //プロパティID
 },
 "triggers": {
 "trackPageview": { //トリガ名 なんでもいい
 "on": "visible",
 "request": "pageview"
 }
 }
}
</script>
</amp-analytics>

プロパティIDはいつも使っているものでもいいのですが、AMP用に別のIDを作ることが推奨されています。

以上でアナリティクスが使えるようになりますが、必要であればもっと細かく設定することも可能です。その辺はGoogleのサイトに記載があります。

Adsenseを貼ることもできる

AMPでは装飾は最低限に抑えられているので、<amp-ad>というタグを使って広告を貼りつけることも可能です。ただどんな広告でも貼れるわけではなく、AMPに対応した広告ネットワークのみ利用が可能。そういうと難しそうですが、おなじみのAdsenseは対応しているので使うことができます。

貼りつけるコードはAdsenseで取得したそのままではなく、下記のようなものです。

<amp-ad width=300 height=200
type="adsense"
data-ad-client="ca-pub-xxxxxxxxx"
data-ad-slot="xxxxxxxx">
</amp-ad>

上記のコードを広告を表示したい場所に記載します。

widthとheightをあらかじめ指定しておく必要があり、指定したサイズで広告が表示されます。モバイル向けなのでモバイルバナー(300×100)かレクタングル中(300×250)くらいがいいかも。「data-ad-client」と「data-ad-slot」は取得したAdsenseのコードの中に書いてあるものを使います。

効果は未知数

そんなわけでとりあえず対応はしてみましたが、どの程度アクセス数に影響があるのかは、まだまだ未知数ですね。検索してもAMP対応ページが表示されないこともあるし。でも早めに対応しておけば、それだけ検索上位に表示される可能性も増えるので、損はないかと思います。

タグ: , ,

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

マクドナルドのFree WiFi(00_MCD-FREE_WIFI)でNetflixの無料動画を視聴してみた

2016年の10月からNetflixと提携し、一部店舗で試験的にNetflixのコンテンツが視聴できるようになっていたマクドナルドのFree WiFiですが、実は11月からはFree WiFiが導入さ

任天堂のスマートフォンゲーム「ファイアーエムブレム ヒーローズ」発表 iOS/Androidとも2月2日に配信開始

任天堂のスマートフォン向けアプリ第3弾として、「ファイアーエムブレム ヒーローズ」が発表されました。 配信予定は2月2日となっています。 既存のファイアーエムブレムシリーズの移植ではなく、スマートフォ

GPD WINでのRemote Play PCのコントローラー設定方法

先日紹介した、GPD WINでPS4のリモートプレイをするための「Remote Play PC」ですが、コントローラの設定方法がかなりわかりにくい(少なくとも私はかなり悩んだ)ので、紹介しておきたいと

世界最小級の紛失防止タグ「MAMORIO」 ユーザー数が増えると紛失時の発見率も上がる「クラウドトラッキング機能」を搭載

日本でも提供が開始されたスターアップの製品を扱うAmazon Launchpad。 関連:Amazon、スマートアップの製品のみを扱う特設ストア「Amazon Launchpad」を日本でも開始 –

広角をより広角に、望遠をより望遠にするiPhone 7 Plusのデュアルカメラ用レンズキットが販売中

香港のMatenro-HKでiPhone 7 Plusのデュアルカメラに装着するレンズキットが販売されています。 この手の外付けレンズは通常のスマートフォン用では普通に見かけますが、デュアルレンズ用は

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

名前だけは聞いたことはあるものの、使っている、活用しているという話をあまり聞かないMiracast(ミラキャスト)、どんなものかと思って実際に使ってみました。 ...

Amazon、スマートアップの製品のみを扱う特設ストア「Amazon Launchpad」を日本でも開始

Amazon、スマートアップの製品のみを扱う特設ストア「Amazon Launchpad」を日本でも開始

Amazonがスタートアップの製品のみを掲載する「Amazon Launchpad」を日本でもスタートさせました。 Amazon Launchpadはスタートアップ企業が手掛ける製品のみを扱う特...

honor 8の詳細レビュー HUAWEI P9やZenfone 3と比較してみました

honor 8の詳細レビュー HUAWEI P9やZenfone 3と比較してみました

上位機種のHUAWEI P9と同等のスペックを持つhonor 8の詳細レビュー。HUAWEI P9やASUS ZenFone 3と比較しながら紹介します。...

Y!mobile、Android One第2弾となるS1、S2を発表

Y!mobile、Android One第2弾となるS1、S2を発表

Y!mobileが国内のAndroid One第2弾となるAndroid One S1、S2を発表しました。 国内Android Oneの第2弾 Android Oneは、NexusやPixe...

世界最小級の紛失防止タグ「MAMORIO」 ユーザー数が増えると紛失時の発見率も上がる「クラウドトラッキング機能」を搭載

世界最小級の紛失防止タグ「MAMORIO」 ユーザー数が増えると紛失時の発見率も上がる「クラウドトラッキング機能」を搭載

日本でも提供が開始されたスターアップの製品を扱うAmazon Launchpad。 関連:Amazon、スマートアップの製品のみを扱う特設ストア「Amazon Launchpad」を日本でも開始...

MENU

back to top