Facebook 之前在一些大型媒體上開放 Instant Article,而最近在 2016 年 Facebook F8 開發者大會上,開放 Instant Articles 給所有使用者了。

企企個人來說並不喜歡 Instant Article,因為這個和 Google APM 不同,由始至終讀者都沒有進入你的網站,Instant Articles 只是上載你的文章到 Facebook,網站只是成為 Facebook 的內容供容商!
當然好處是曝光率大一些,多些人看,但長遠看只會減低網站的吸引力,因為大部份計設都會同質化一式一樣,突出不到網站間的差異。而且依賴 Facebook 後,以後改演算法等等就令到網站流量大降等,所以對站長真的是兩難局面。

準備工夫

要使用 Instant Article,首先要準備 Fans Page(相信大部份人都有)和 Facebook Developer App ID,要申請 Facebook App ID 並不難,上一篇文章已經有介紹,照著做就行了。

準備好後,就 WordPress 網站下載、安裝並啓用 Instant Articles Plugin.

wordpress setup facebook instant article

設定 Facebook Instant Articles Plugin Activation

進入 Instant Articles Plugin 設定頁面,填好 App ID 和 App Secret,按下一步。
(如不果清楚 App ID 可以到 Facebook for Developers 找到 App ID 和 App Secret)

wordpress setup facebook instant article app id

wordpress setup facebook instant article
填好之前申請好的 App ID 和它的 App Secret

填好後,就可以按下一步,就可以看到你的 App ID,再按 Login Facebook。

wordpress setup facebook instant article
按 Login with Facebook
wordpress setup facebook instant article
要 authorize 你的 Page 有 Login 權限

之後就可以讓你選擇你的 Facebook Page 了。

wordpress setup facebook instant article
選擇你的 Page
wordpress setup facebook instant article
可以看到你的 App ID 和 Facebook Page 已經設定完成

注意:

有部份人可能之前已經申請了 App ID,而設定方面可能有不同,所以有機會出現以下 message,未能 Login with Facebook.

wordpress setup facebook instant article
有機會有這個問題

這樣的話就需要去 Facebook for Developers,進入 App > Settings,在 Basic > App Domains 填上網站的網址。

wordpress setup facebook instant article
在 App Domain 要填自己 domain

另外在 Advanced,亦要在 Client OAuth Settings,打開

  • Client OAuth Login
  • Web OAuth Login

另外在 Valid OAuth redirect URIs 亦要打自己的網址。

wordpress setup facebook instant article
Client OAuth Login 和 Web OAuth Login 要 Enable
Valid URL 要填好

設定 Facebook Instant Articles Configuration

到下面部份第一句,Click 「Sign Up」 申請 Instant Article

wordpress setup facebook instant article
按 Sign UP

之後會自動進入 Facebook 頁面,選擇自己的 Page,和同意 Instant Articles Terms.
再按 Enable Instant Articles.

wordpress setup facebook instant article
選擇自己的 Page 和同意 Facebook 的條款

以後,你想更改任可 Instant Articles 的設定,都可以到你的 Page > Settings,進入 Instant Articles 內更改。

wordpress setup facebook instant article
在 Page 中按 Settings
wordpress setup facebook instant article
就可以看到 Instant Articles

Claim URL

跟著,你需要向 Facebook 証明你擁有那個網站,所以到 Tools 入面的 Claim Your URL.
Facebook 會有一句字串,要你加入 header.php 內。

wordpress setup facebook instant article
Facebook 會有一句叫你填在 Header

如果覺得有難度的話可以使用 Insert Headers and Footers 這個簡單的 Plugin,加這句入去 Header 部份。

wordpress setup facebook instant article
安裝 Insert Headers and Footers
wordpress setup facebook instant article
將 Facebook 給你的那一句填在這裏

按 Claim URL 後就可以讓 Facebook 檢查。

wordpress setup facebook instant article
成功 Verify

讀取 Instant Articles RSS Feed (Optional)

Facebook 可以讀取 Instant Articles 的 RSS Feed,自動將文章載入 Facebook,但這個步驟並非必要,因為 Instant Articles plugin 在每次更新文章後都上載到 Facebook。
在 Tools 第二項是 Production RSS Feed,不過不要誤會這是平常使用那一個 RSS Feed,應該填 Instant Articles 專用的 feed,一般來說是

http://yourdomain.com/feed/instant-articles

在 feed 後面加上 /instant-articles

之後按 Save.

wordpress setup facebook instant article
填入你的 Instant Articles RSS feed

修改 Style

在下面 Tools 部份,打開 Style,點擊 default

wordpress setup facebook instant article
修改 Style

在 IDENTITY BAR 上載網站的 logo,最少要 690px x 132px,如果不上載 logo 的話會 review fail,所以一定要上載。留這要求 PNG 透明底色,如果不透明的話都一樣會 fail。

下面 ACCENT COLOR 的顏色預設是白色,但和上面預設的灰色背景撞色令到 Like 鍵看不清楚,雖然不清楚這有沒有令到 review fail,但改用黑色 #000000 相信會令讀者較易看到。

wordpress setup facebook instant article
上載 logo
wordpress setup facebook instant article
沒有 Logo 令到 review fail(截圖由 FB 提供)

檢查將會 Review 的文章

現在 Facebook 只要求上載 10 篇文章作 Review(之前是 50 篇),在 submit for review 前,應自行檢查一下文章和原文有沒有任何遺漏。
Submit 方法就是在 WordPress 編輯文章,更新一次,就會自動 submit 了。

wordpress setup facebook instant article
更新前
wordpress setup facebook instant article
更新後
wordpress setup facebook instant article
在 Publishing Tools –> Instant Articles –> Production 就可以看到將要 review 的文章

大家不要心存僥倖,FB review team 真的會逐篇認真看;而 FB Instant Article 亦有一些奇怪的 bug,有時會有一些相片遺漏,所以有這個情況的文章就不要上載了,選最完整的十篇給 FB review。

wordpress setup facebook instant article
不要心存僥倖,FB 真的會逐篇認真看
之前看漏了,原來 Instant Article 沒有這三張圖,所以又要再 review 一次

Submit For Review

上載 10 篇文章後,就可以讓 Facebook 做 Review 了。

Submit 後要等 24-48hr 後才會知道結果,不過現在多人申請,所以就算一星期都未有結果也很正常。

wordpress setup facebook instant article
需要等待更新

不過,如果在電話上的 Facebook Page App(專業小助手)看自己的 Page,例如這篇春季電子展的文章,就已經可以看到 Instant Article 的效果了。

wordpress setup facebook instant article
留意一下圖片上已經有閃電符號了