วิธีติดตั้ง Facebook Instant Articles

สิ่งที่คุณจะได้จากการอ่าน วิธีติดตั้ง Facebook Instant Articles จบและลงมือทำ

  • เปิดอ่านบทความผ่าน Mobile ได้เร็วขึ้นมาก ๆ แบบเทียบกันไม่ติดเลย
  • เพิ่ม User Experience เพราะ User ไม่ต้องรอนาน User ส่วนมากความอดทนต่ำอยู่แล้ว ลองดูตัวเราเองก็ได้ถ้าเปิดเว็บแล้ว หน้าเว็บโหลดไม่มาใน 2-3 วินาที เค้าก็ปิดไปหาดูเว็บใหม่แล้ว

ทำไมต้องทำ Facebook Instant Articles

  • เพราะปัจจุบัน User ส่วนใหญ่ใช้งานผ่าน Mobile มากกว่า Desktop ลองดูตัวเราเองก็ได้ครับว่าเราใช้เวลาส่วนใหญ่อยู่หน้าจอคอมพิวเตอร์หรือหน้าจอโทรศัพท์มากกว่ากัน
  • User ส่วนใหญ่อยู่ใน Facebook ข้อนี้คงไม่ต้องอธิบายอะไรมาก

เหมาะกับเว็บแบบไหน

  • เหมาะกับเว็บที่มีบทความเช่น เว็บข่าว เว็บบล็อคต่าง ๆ เป็นต้น

สมัครใช้ Facebook Instant Articles

  • ก่อนอื่นเราต้องสมัคร Facebook Instant Articles ก่อน คลิก เข้าไปแล้วกด Sign up

codingdee signup facebook instant article

  • เลือก Page ที่เราต้องการจะทำ Facebook Instant Articles
  • ติ๊กถูกที่ช่อง By proceeding, you agree to the Instant Articles Terms.
  • กด Access Instant Articles Tools

codingdee select page for facebook instant article

  • Copy Code ไปใส่ใน tag <head> ที่ไฟล์ header.php ของเว็บเรา
  • สำหรับใครเอาไปใส่ไม่เป็นให้ลงปลั๊กอินนี้ Insert Headers and Footers แล้วเอา code ไปใส่ตามรูป

insertcodeinheader

  • ช่อง URL ให้ใส่ url เว็บเราลงไป

codingdee connect your site

  • ติดตั้งปลั๊กอิน Instant Articles for WP
  • ช่อง RSS Feed URL ใส่ url เว็บเราลงไปตามนี้ http://yourdomain.com/feed/instant-articles

production rss feed

  • ใส่ App ID และ App Secret ลงไป

fbiasettings

ถ้าไม่รู้ว่า App ID และ App Secret เอามาจากไหนอ่านนี่ครับ

create a new app id

  • ช่อง App Domains กรอก url เว็บเราลงไป เช่น codingdee.com
  • ช่อง Contact Email กรอก email เราลงไป
  • ช่อง App Icon ใส่ไม่ใส่ก็ได้
  • Copy Application ID และ App secret ไปใส่ใน Plugin Facebook Instant Articles

settings basic

  • Public App

make yourname public

  • เข้าไปที่ Menu Instant Articles ของเว็บเรา
  • นำ App ID และ App Secret ไปใส่ใน Plugin
  • กด Login

codingdee fill app id

  • กด Login with Facebook

codingdee login facebook instant article

  • เลือก Facebook Page ที่เราต้องการ
  • กด Select

codingdee select page

  • เข้าไปที่ เมนู Configuration
  • กด Add Style

codingdee style facebook instant

  • สร้างไฟล์ Logo ขนาด 690×132 px นามสกุล .png

codingdee create style

  • ต้องมีบทความอย่างน้อย 3-5 บทความเพื่อส่งทาง Facebook รีวิว
  • กด Submit for Review
  • รอ 1-5 วัน ถ้าไม่มีอะไรผิดพลาดเราก็สามารถใช้งาน Facebook Instant Articles ได้แล้วครับ

submitreview

  • เมื่อ Review ผ่านแล้ว ลองมาเขียนบทความดูครับเราจะเห็นแท็บประมาณนี้

Screen Shot 2560 04 06 at 21.54.23

  • กลับมาดูที่ Facebook Page
  • เข้าไปที่เมนู Publishing Tools
  • Instant articles
  • Production Articles
  • จะเจอบทความที่เราเขียนไว้ถูกดึงผ่าน feed มาโผล่ที่นี่ สถานะเป็น Unpublished
  • ติ๊กถูกที่หน้าบทความแล้วเลือก Actions > Publish
  • เท่านี้บทความเราก็พร้อมใช้งานแล้วครับ

Screen Shot 2560 04 06 at 21.56.02

จบแล้ว

วิธีติดตั้ง Facebook Instant Articles สำหรับ WordPress ก็มีเท่านี้ครับ หากอ่านแล้วชอบบทความจาก CodingDee ก็ฝากกด Like Page ด้วยนะครับ จะได้ไม่พลาดข่าวสารเทคนิคดี ๆ จากเรา หรือติดปัญหาตรงไหนก็คอมเมนต์ไว้ด้านล่างนี้ได้ ไว้พบกันบทความต่อไปครับ