てくてくあるく

WordPress の テーマ とか プラグイン に ついて 勉強しています

色々と 仕様が 厳しそうだったので 敬遠していた 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 に 流してみよう!!

Related Article

count.json は 2015年 11月 20日 までに 終了か…

詳細へ »

Twitter 公式ボタン の アップデート が 終わってました

詳細へ »

ポストメタ が 肥大化して 管理ページが 遅くなっていた…

詳細へ »