Facebook Instant Articles 対応 してみました
[jr_post_date]
色々と 仕様が 厳しそうだったので 敬遠していた Facebook Instant Articles
でも やってみないことには わからない と言うことで 重い腰を上げて 対応してみました
[jr_heading_1]フェイスブック ページ の 作成[/jr_heading_1]
まず 使うためには フェイスブック ページ を 作成しないといけません
なので 特に 情報とか入れずに サクッと 作りました
[jr_external_link title=”てくてくあるく” url=”https://www.facebook.com/TekuaruJackRussell/”]
(↓ココの作業いらないかもしれません)
Instant Articles を 対応させる フェイスブック ページ を 次のリンクから 設定します
[jr_external_link title=”Instant Articles | Facebook” url=”https://instantarticles.fb.com/”]
[jr_heading_1]Instant Articles for WP[/jr_heading_1]
つぎは Instant Articles for WP を 検索して インストール
後は プラグイン の 設定通りに 設定をしていきます
最初に Instant Articles 用の App ID と App Secret が 必要になるので 作成します
[jr_external_link title=”すべてのアプリ – 開発者向けFacebook” url=”https://developers.facebook.com/apps/”]
初めてログインすると SMS認証 を してくれと 言われるので おとなしく 従いましょう…
[jr_heading_2]App ID と App Secret 取得までのメモ[/jr_heading_2]
新しいアプリの作成
-> ウェブサイト
新しいアプリIDを作成
表示名
-> てくてくあるく
連絡先メールアドレス
-> フェイスブック登録した時のメールアドレス
カテゴリ
-> ページ用アプリ
セキュリティチェック
-> 表示された文字を入力
ダッシュボード
=> アプリID と app secret 取得
プラグイン に アプリID と app secret を 入力して
facebook に ログイン して 対象の フェイスブック ページ と リンク させます
Instant Articles の 表示 について カスタマイズするように 促されます
とりあえず デザインについては デフォルトのままでも良いのですが
ロゴ は 入れないと エラーになってしまいます
横690px x 縦132px の 透過 PNG で サクッと ブログ名 を 書いただけのものを 作成し 登録しました
まぁ ここまでは 難なく クリアですよ
ココからですよ…
[jr_heading_1]審査を申請する[/jr_heading_1]
Instant Articles として 動作させるためには facebook の 審査を受けないといけません
昔は 50件 だったり 30件 だったり 10件 だったりしたのですが 今は 5件だけ で 良くなったみたいです
たぶん テキスト や 画像 で 構成されていれば 問題ないのですが…
HTMLを ガッツリ 書いていたり
ショートコードで 形成していたり
プラグイン等を使用して 動作を変更していたりすると
思ったように 出力されずに 審査が通りません…
僕も 何回か リジェクトされました…
｡ﾟ(ﾟ´Д｀ﾟ)ﾟ｡
素直に 元記事の データを 変えればいいのですが
コード を 載せている部分は
SyntaxHighlighter Evolved
に 変換してもらっています
こちらは 止めたくないので
Instant Articles として 出力するデータを どうにか 変更できないかと 色々 調べたのですが…
結局わからず…
Instant Articles for WP の ソースコードを 読みましたよ…
カスタマイズ方法は こちらから
[jr_internal_link id=”1304″]
ただ この カスタマイズ方法も 合っているかどうか 正直わかりません…
審査が 通ったら これで Instant Articles が 使えるようになったわけです
( ﾟДﾟﾉﾉ”☆ﾊﾟﾁﾊﾟﾁﾊﾟﾁﾊﾟﾁ
早速 Facebook に 流してみよう!!
