AMP対応ページのロゴやフォントを変更したりGoogleアナリティクスのトラッキングコードを設置することができるWordPressプラグイン「Facebook Instant Articles & Google AMP Pages by PageFrog」

Facebook Instant Articles & Google AMP Pages by PageFrogは、AMP対応ページのロゴやフォント等を変更したり、Googleアナリティクスのトラッキングコードを設置することができるWordPressプラグインです。

AMPへの対応については、AMPもしくはAccelerated Mobile Pagesを使うと簡単に対応させることができます。

Facebook Instant Articles & Google AMP Pages by PageFrogのインストール

インストール手順は以下の通りです。

1. Facebook Instant Articles & Google AMP Pages by PageFrogをダウンロードします。
2. ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。
3. 管理画面の[プラグイン]ページで、Facebook Instant Articles & Google AMP Pages by PageFrogを有効化します。

Facebook Instant Articles & Google AMP Pages by PageFrogの設定

プラグインを有効化すると、[Mobile Formats]というメニューが追加されます。このメニューから下記の設定ができます。

Styling

[Mobile Formats] – [Styling]では、AMPページのロゴやフォントなどを設定できます。右側にプレビューが表示されるので、確認しながら設定しましょう。

Analytics

[Mobile Formats] – [Analytics]では、Googleアナリティクスとの連携が設定できます。

「GOOGLE ANALYTICS」をクリックして連携したいアカウントを選択しましょう。

「GOOGLE ANALYTICS」で表示される[Enable Integration]をクリックしないと有効になりませんので、連携したら必ず[Enable Integration]をクリックして有効化しましょう。

Ads

[Mobile Formats] – [Ads]では、Google AdSenseの広告設置を設定することができます。

[Sign in with Google]をクリックして、Google AdSenseと連携します。

Settings

[Mobile Formats] – [Settings]では、AMPに対応させる投稿タイプを設定することができます。「Setting for published posts」では既存の記事、「Default setting for new posts」では新規記事のAMP対応の有効/無効を設定することができます。

あとがき

自身でAMPページのカスタマイズをするとなると知識も必要ですし、結構手間がかかります。管理画面上から、ロゴやトラッキングコードの設置といった、とりあえず必要なカスタマイズができるのはありがたいですね。

サイトをAMPに対応したら、Facebook Instant Articles & Google AMP Pages by PageFrogを使って、オリジナリティのあるページに仕上げちゃいましょう。