Facebook Instant Articles 対応 してみました

色々と 仕様が 厳しそうだったので 敬遠していた Facebook Instant Articles

でも やってみないことには わからない と言うことで 重い腰を上げて 対応してみました

---

フェイスブック ページ の 作成

---

まず 使うためには フェイスブック ページ を 作成しないといけません

なので 特に 情報とか入れずに サクッと 作りました

てくてくあるく
https://www.facebook.com/TekuaruJackRussell/

(↓ココの作業いらないかもしれません)

Instant Articles を 対応させる フェイスブック ページ を 次のリンクから 設定します

Instant Articles | Facebook
https://instantarticles.fb.com/

---

Instant Articles for WP

---

つぎは Instant Articles for WP を 検索して インストール

後は プラグイン の 設定通りに 設定をしていきます

---

最初に Instant Articles 用の App ID と App Secret が 必要になるので 作成します

すべてのアプリ - 開発者向けFacebook
https://developers.facebook.com/apps/

初めてログインすると SMS認証 を してくれと 言われるので おとなしく 従いましょう…

---

App ID と App Secret 取得までのメモ

---

新しいアプリの作成
-> ウェブサイト

新しいアプリIDを作成
表示名
-> てくてくあるく
連絡先メールアドレス
-> フェイスブック登録した時のメールアドレス
カテゴリ
-> ページ用アプリ

セキュリティチェック
-> 表示された文字を入力

ダッシュボード
=> アプリID と app secret 取得

---

プラグイン に アプリID と app secret を 入力して

facebook に ログイン して 対象の フェイスブック ページ と リンク させます

---

Instant Articles の 表示 について カスタマイズするように 促されます

とりあえず デザインについては デフォルトのままでも良いのですが
ロゴ は 入れないと エラーになってしまいます

横690px x 縦132px の 透過 PNG で サクッと ブログ名 を 書いただけのものを 作成し 登録しました

---

まぁ ここまでは 難なく クリアですよ

ココからですよ…

---

審査を申請する

---

Instant Articles として 動作させるためには facebook の 審査を受けないといけません

昔は 50件 だったり 30件 だったり 10件 だったりしたのですが 今は 5件だけ で 良くなったみたいです

---

たぶん テキスト や 画像 で 構成されていれば 問題ないのですが…

HTMLを ガッツリ 書いていたり
ショートコードで 形成していたり
プラグイン等を使用して 動作を変更していたりすると
思ったように 出力されずに 審査が通りません…

僕も 何回か リジェクトされました…
｡ﾟ(ﾟ´Д｀ﾟ)ﾟ｡

---

素直に 元記事の データを 変えればいいのですが

コード を 載せている部分は
SyntaxHighlighter Evolved
に 変換してもらっています

こちらは 止めたくないので
Instant Articles として 出力するデータを どうにか 変更できないかと 色々 調べたのですが…

結局わからず…

Instant Articles for WP の ソースコードを 読みましたよ…

カスタマイズ方法は こちらから

Instant Articles for WP の 出力 を カスタマイズ する ( SyntaxHighlighter Evolved の ショートコード 対応 )
https://tekuaru.jack-russell.jp/2017/01/19/1304/

ただ この カスタマイズ方法も 合っているかどうか 正直わかりません…

---

審査が 通ったら これで Instant Articles が 使えるようになったわけです
( ﾟДﾟﾉﾉ”☆ﾊﾟﾁﾊﾟﾁﾊﾟﾁﾊﾟﾁ

早速 Facebook に 流してみよう!!