ปุ่มบันทึก

ปุ่มบันทึกทำให้ผู้ใช้สามารถบันทึกสินค้าหรือบริการในรายการส่วนตัวบน Facebook แชร์ให้กับเพื่อนๆ และรับการแจ้งเตือนที่เกี่ยวข้อง ตัวอย่างเช่น ผู้คนอาจจะบันทึกรายการเสื้อผ้า การท่องเที่ยวเดินทาง หรือลิงก์ที่ตนกำลังพิจารณาเอาไว้ก่อน แล้วค่อยกลับมายังรายการนั้นเพื่อการใช้งานในอนาคต หรือรับแจ้งเมื่อรายการหรือการท่องเที่ยวเดินทางนั้นมีโปรโมชั่นพิเศษ

เครื่องมือกำหนดค่าปุ่มบันทึกตัวอย่างรหัสการตั้งค่า

วิธีทำ

1. เลือกลิงก์เว็บไซต์

เลือกลิงก์ของเว็บไซต์ที่คุณต้องการใช้กับปุ่มบันทึก

2. ตัวกำหนดค่าโค้ด

วางลิงก์ลงใน ตัวกำหนดค่าโค้ด แล้วคลิกปุ่ม "รับโค้ด" เพื่อสร้างปุ่มบันทึกของคุณ

3. คัดลอกแล้ววางส่วนย่อย HTML

คัดลอกแล้ววางส่วนย่อยลงใน HTML ของเว็บไซต์ปลายทาง

เครื่องมือกำหนดค่าปุ่มบันทึก

ลิงก์ของเว็บไซต์หรือสินค้าที่จะบันทึก
ขนาดของปุ่ม

ตัวอย่างโค้ดแบบเต็ม

คัดลอกแล้ววางตัวอย่างโค้ดลงในเว็บไซต์ของคุณ ปรับค่า data-uri ไปที่ลิงก์เว็บไซต์ของคุณ จากนั้น ใช้แท็ก <title> เพื่อปรับค่าหัวเรื่อง "บันทึกแล้ว"

<html>
<head>
  <title>Your Website Title</title> 
</head>
<body>

  <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your save button code -->
  <div class="fb-save" 
    data-uri="http://www.your-domain.com/your-page.html">
  </div>

</body>
</html>
ลองใช้ด้วยตัวเอง!

การตั้งค่า

นอกเหนือจากการตั้งค่าข้างต้นแล้ว คุณยังสามารถเปลี่ยนรายการต่อไปนี้ได้

การตั้งค่า แอตทริบิวต์ HTML5 คำอธิบาย ค่าเริ่มต้น

uri

data-uri

ลิงก์แบบเต็มของเพจที่จะบันทึก

ลิงก์/ที่อยู่ปัจจุบัน

ปุ่มบันทึกสำหรับผลิตภัณฑ์

นอกจากนี้คุณยังสามารถใช้ปุ่มบันทึกสำหรับผลิตภัณฑ์ได้อีกด้วย

1. ตั้งค่าแคตตาล็อกผลิตภัณฑ์

ในการใช้ปุ่มบันทึกกับผลิตภัณฑ์ของคุณ อันดับแรกคุณต้องตั้งค่าแคตตาล็อกผลิตภัณฑ์

แคตตาล็อกผลิตภัณฑ์ซึ่งบางครั้งเรียกว่าฟีดผลิตภัณฑ์ คือรายชื่อผลิตภัณฑ์ที่คุณต้องการลงโฆษณาบน Facebook แต่ละผลิตภัณฑ์ในรายชื่อมีแอตทริบิวต์เฉพาะซึ่งจะใช้ในการสร้าง โฆษณา ID ชื่อ คำอธิบาย URL หน้าเริ่มต้น URL รูปภาพ ความพร้อมใช้งาน และอื่นๆ ของผลิตภัณฑ์

วิธีการสร้างแคตตาล็อกผลิตภัณฑ์โฆษณาสินค้าแบบไดนามิกบน Facebook

2. ID API Facebook

ไปที่แถบการตั้งค่าของ แดชบอร์ดของแอพ เพิ่มแพลตฟอร์ม "เว็บไซต์" และระบุโดเมนเว็บไซต์ของคุณ

3. การโหลด JavaScript SDK

โหลด JavaScript SDK โดยใช้ ID ของแอพของคุณที่แสดงในตัวอย่างด้านล่างนี้ แทนที่ {your-app-id} ด้วย ID ของแอพของคุณ

<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6&appId={your-app-id}";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

4. รับ URI ผลิตภัณฑ์

ผ่านตัวจัดการธุรกิจ

มีข้อมูลสองรายการที่คุณจำเป็นในการใช้ปุ่มบันทึกสำหรับสินค้า ได้แก่ ID แคตตาล็อกสินค้าและ ID สินค้าจากฟีดสินค้าของคุณ:

  1. เข้าสู่ระบบไปยังธุรกิจของคุณบน ตัวจัดการธุรกิจ
  2. ไปที่ "การตั้งค่าธุรกิจ" > "แคตตาล็อกผลิตภัณฑ์"
  3. คลิกที่แคตตาล็อกผลิตภัณฑ์ที่คุณต้องการใช้สำหรับปลั๊กอิน
  4. ใต้หัวเรื่องของชื่อแคตตาล็อกผลิตภัณฑ์ จด ID แคตตาล็อกผลิตภัณฑ์ ในตัวอย่างของเรา ได้แก่ 768856339915012
  5. ข้อมูลอีกหนึ่งรายการที่จำเป็นคือ ID สินค้าที่ถูกอัพโหลดในฟีดผลิตภัณฑ์ของคุณ หากต้องการดูตัวอย่างจากฟีดผลิตภัณฑ์ของคุณ ให้คลิกที่ ID แคตตาล็อกผลิตภัณฑ์
  6. ในหน้าถัดไป คลิกที่ ฟีดผลิตภัณฑ์ ที่อยู่ด้านบน
  7. คลิกที่ฟีดที่มีสินค้าที่คุณต้องการใช้
  8. ในหน้าถัดไป คุณจะเห็นตัวอย่างของสินค้าจากฟีดของคุณ สำหรับปลั๊กอินที่จะระบุผลิตภัณฑ์ของคุณ เราจำเป็นต้องมี ID สินค้าที่อยู่ในฟีดของคุณสำหรับผลิตภัณฑ์แต่ละรายการ
  9. URI สำหรับปลั๊กอินตามด้วยรูปแบบ product://<catalog_id >/{retailer_id} ดังนั้น หากเราต้องการสร้าง URI สำหรับสินค้าที่ชื่อ “Product #45” ในตัวอย่างข้างต้น ก็จะมีลักษณะดังนี้: product://768856339915012/45 (โดยที่ ID แค็ตตาล็อกของสินค้ามาจากขั้นตอนที่ 5)

ผ่านทาง API กราฟ

คุณสามารถรับ URI ของผลิตภัณฑ์ของคุณผ่านทาง API กราฟ ขณะที่โหลด รายการผลิตภัณฑ์ เดี่ยวหรือหลายรายการ ให้สร้างรูปแบบ URL ดังต่อไปนี้ และแทนที่ <catalog_id> ด้วย ID แคตตาล็อกของคุณ และแทนที่ <retailer_id> ด้วย ID ผู้ค้าปลีกของผลิตภัณฑ์ของคุณ:

product://<catalog_id>/<retailer_id>

เรียนรู้เพิ่มเติมใน เอกสารรายการผลิตภัณฑ์

5. URI ผลิตภัณฑ์

ในโค้ดปุ่มบันทึก ใช้ URI สินค้าสำหรับ “data-uri” สำหรับตัวอย่างของ URI ผลิตภัณฑ์ product://949817451770475/143791832 รหัสของคุณควรมีลักษณะดังนี้:

<div class="fb-save" 
  data-uri="product://949817451770475/143791832">
</div>

มุมมองที่บันทึกไว้

ลิงก์ที่บันทึกไว้ทั้งหมดจะถูกเพิ่มในมุมมองที่บันทึกไว้ ซึ่งอยู่ที่ www.facebook.com/saved หรือไปที่ “เพิ่มเติม” -> “บันทึกไว้” สำหรับแอพบนมือถือ

ตัวอย่าง

ลิงก์ที่บันทึกแล้ว

การเปลี่ยนภาษา

คุณสามารถเปลี่ยนภาษาของปุ่มบันทึกได้โดยโหลด Facebook JavaScript SDK เวอร์ชันแปลเป็นภาษาท้องถิ่น เมื่อคุณโหลด SDK ดังกล่าว ให้เปลี่ยนค่าของ “js.src” เพื่อใช้รูปแบบภาษาของคุณ แทนที่ “en_US” ด้วยรูปแบบภาษาของคุณ เช่น “fr_FR” สำหรับภาษาฝรั่งเศส (ฝรั่งเศส):

js.src = "https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&amp;version=v2.6";

รูปแบบภาษาที่รองรับจะมีการอ้างอิงถึงในไฟล์ XML รูปแบบภาษาของ Facebook

คุณอาจจำเป็นต้องปรับความกว้างของโซเชียลปลั๊กอินเพื่อให้รองรับภาษาต่างๆ คุณสามารถค้นหาข้อมูลเพิ่มเติมได้ที่เพจ การแปลเป็นภาษาท้องถิ่นและการแปลภาษา ของเรา