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対応ページが表示されないこともあるし。でも早めに対応しておけば、それだけ検索上位に表示される可能性も増えるので、損はないかと思います。

タグ: , ,

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

最新情報をお届けします

HUAWEI Matebook

12月10日限定 HUAWEI Matebookが64,800円の特価で販売中

AmazonのCyver Mondayセール、12月10日の特選タイムセールとしてHUAWEIのMatebookが39%の64,800円となっています。 64,800円になっているのはメモリ4GB、ス

Sony XAV-AX100

SonyのAndroid Auto、Car Play対応メディアレシーバー XAV-AX100が米Amazonで販売中 日本への発送にも対応

GoogleのAndroid Auto、AppleのCar Playに対応したカーオーディオ、Sony XAV-AX100が米Amzonで販売されています。 日本への発送も可能です。 Sonyのカーオ

Kodak Ektra

デジカメスマートフォン Kodak Ektraがドイツで販売開始 英Cloveには12月14日に入荷予定

Kodakの21MPカメラを搭載したデジカメスマートフォン、Ektraの販売がドイツで開始されました。 関連:KODAKのデジカメスマートフォン、EKTRAは12月9日にドイツで発売 – Dream

GooglePlay

Google、クリスマスプレゼントとして100円分のクレジットを配布中

Googleがクリスマスプレゼントとして、Google Playでビデオレンタルやアプリ購入に使えるクレジット100円分をメールで配布しています。 Google Playのクーポンは全員に配布されるわ

HUAWEI P9

HUAWEI P9がAndroid 7.0にアップデート 変更点を確認してみた

HUAWEIが募集していたP9へのAndroid 7.0先行アップデートのテスターに当選したようで、Android 7.0、EMUI 5.0のアップデートが降ってきました。 関連:HUAWEI Jap

HUAWEI Mate 9の詳細レビュー 5.9インチだけど片手で楽に持てるサイズ感

HUAWEI Mate 9の詳細レビュー 5.9インチだけど片手で楽に持てるサイズ感

HUAWEIの最新モデル、HUAWEI Mate 9を購入したので早速レビューです。 まだ1ShopmobileやExpansys、GearBestなどのECサイトには入荷していなかったので、今回...

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

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

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

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

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

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

HUAWEI P9がAndroid 7.0にアップデート 変更点を確認してみた

HUAWEI P9がAndroid 7.0にアップデート 変更点を確認してみた

HUAWEIが募集していたP9へのAndroid 7.0先行アップデートのテスターに当選したようで、Android 7.0、EMUI 5.0のアップデートが降ってきました。 関連:HUAWEI ...

Google、クリスマスプレゼントとして100円分のクレジットを配布中

Google、クリスマスプレゼントとして100円分のクレジットを配布中

Googleがクリスマスプレゼントとして、Google Playでビデオレンタルやアプリ購入に使えるクレジット100円分をメールで配布しています。 Google Playのクーポンは全員に配布さ...

MENU

back to top