Emanon AMP

AMPとは、Accelerated Mobile Pagesの略語です。モバイル端末でWebページを高速表示するためのフレームワーク(AMP HTML)、またはGoogleとTwitterが共同開発しているプロジェクトの名称です。

AMPのフレームワークに沿って作成したWebページは、GoogleやTwitter側にキャッシュとして保存されます。その結果、モバイル端末での読み込み時間が短縮され、Webページが従来よりも瞬時に表示されます。

Webページの読み込みに3秒以上かかると40%の人がサイトの閲覧を諦めるという調査結果※もあり、Googleウェブマスター向け公式ブログでもWebページの読み込み速度の重要性について言及しています。

※引用元: How Loading Time Affects Your Bottom Line

プラグインの機能

Emanon AMPは、AMPプラグイン(Automattic社製)を親とする子テンプレート方式のプラグインです。Emanon AMPを利用することで、Emanonの投稿ページをAMPページにすることができます。

機能一覧

WordPressプラグインAMPの処理を継承
Googleアナリティクス対応
Googleタグマネージャー対応
Google Adsense AMP 広告ユニット対応
Google Adsense AMP 自動広告対応
配色機能対応
SNSシェアボタン表示（はてなブックマーク・Pocketは非表示）
SNSフォローボタン表示
CTA表示
投稿者プロフィール表示
前の記事次の記事表示
関連記事表示
カスタムCSS設定の反映

プラグインの使い方

Emanon AMPをインストールし有効化します。AMPプラグイン(Automattic社製)がインストールされていない場合、下記アナウンスが表示されます。

AMPプラグイン(Automattic社製)を有効化しExperiencesをWebsite、Website ModeをReader、SupportedをTemplatesに指定します。次にEmanon AMPの設定を行います。外観 > カスタマイズ > AMP設定をクリックします。

AMP ロゴ設定

ロゴ画像のサイズは、200px × 50pxです。

AMP CTAの表示

AMP用のCTAを設定できます。画像サイズは800px 400px（２:１）を推奨します。

Googleトラッキングタグ

GoogleアナリティクストラッキングIDまたは、GoogleタグマネージャーコンテナIDのどちらかを入力することでAMPページのアクセス解析ができます。

Googleアドセンスタグ

Google AdSenseを表示するには、サイト運営者IDと広告ユニットIDが必要です。

サイト運営者ID（data-ad-client）（例: ca-pub-1234567891234567）
広告ユニットID（data-ad-slot）（例: 1234567890）

Google AdSenseの管理顔面にログインし、レスポンシブ広告ユニットを作成しサイト運営者IDと広告ユニットIDをコピーします。

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1234567891234567"
     data-ad-slot="1234567890"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>