วิดเจ็ตเว็บไซต์

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

สร้างวิดเจ็ตเอง

Follow button Follow button

Follow button

วิธีสร้างปุ่มติดตาม

  1. ใส่ URL โพรไฟล์ของคุณลงใน ตัวสร้างวิดเจ็ต
  2. คลิก สร้าง!
  3. วางโค้ดที่เราให้ลงในเว็บไซต์ของคุณในบริเวณที่คุณต้องการเห็นปุ่มติดตามของคุณ
ตัวอย่างโค้ด:   (ข้อความสีแดงจะเปลี่ยนไปเป็นข้อมูลของคุณ)
 

Pin widget Pin widget
 
วิธีสร้างวิดเจ็ตพิน: 
  1. คัดลอก URL ของพินที่คุณชอบ แล้วไปที่ ตัวสร้างวิดเจ็ต
  2. ใส่ URL ของพิน
  3. คลิก สร้าง!
  4. วางรหัสที่เราให้คุณลงในเว็บไซต์ของคุณในบริเวณที่คุณต้องการเห็นพิน
ตัวอย่างโค้ด: (ข้อความสีแดงจะเปลี่ยนไปเป็นข้อมูลของคุณ)
 
<a data-pin-do="embedPin" href="https://www.pinterest.com/pin/99360735500167749/"></a>
 
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Profile widget Profile widget

profile widget

วิธีการสร้างวิดเจ็ตในโพรไฟล์:

  1. ใส่ URL โพรไฟล์ของคุณลงใน ตัวสร้างวิดเจ็ต
  2. กำหนดขนาดวิดเจ็ตโพรไฟล์ของคุณเอง
  3. คลิก สร้าง!
  4. วางรหัสที่เราให้คุณลงในเว็บไซต์ของคุณในบริเวณที่คุณต้องการเห็นวิดเจ็ต
ตัวอย่างโค้ด:  (ข้อความสีแดงจะเปลี่ยนไปเป็นข้อมูลของคุณ)
 

Board widget Board widget

board widget

วิธีการสร้างวิดเจ็ตในบอร์ด:

  1. ใส่ URL บอร์ดลงใน ตัวสร้างวิดเจ็ต
  2. กำหนดขนาดวิดเจ็ตบอร์ดของคุณเอง
  3. คลิก สร้าง!
  4. วางรหัสที่เราให้คุณลงในเว็บไซต์ของคุณในบริเวณที่คุณต้องการเห็นวิดเจ็ต
ตัวอย่างโค้ด:  (ข้อความสีแดงจะเปลี่ยนไปเป็นข้อมูลของคุณ)
 


รับคำแนะนำเกี่ยวกับวิดเจ็ตสำหรับโฮสต์ที่นิยม

WordPress.com WordPress.com
เพียงเพิ่มลิงก์ลงในพิน โพรไฟล์ หรือบอร์ดในบล็อกโพสต์ของคุณ เมื่อคุณเผยแพร่ออกไป WordPress จะแปลงลิงก์ให้เป็นวิดเจ็ตโดยอัตโนมัติ

Blogger Blogger
  1. สร้างวิดเจ็ตใน ตัวสร้างวิดเจ็ต แล้วคัดลอกโค้ด
  2. คลิกปุ่ม เค้าโครง ทางด้านซ้ายของหน้าการจัดการบล็อกของคุณ
  3. หาพื้นที่สำหรับวางวิดเจ็ตแล้วคลิก เพิ่มแกดเจ็ต
  4. เลื่อนหน้าจอลงแล้วคลิก HTML/JavaScript
  5. ในช่อง เนื้อหา ให้วางโค้ดจากตัวสร้างวิดเจ็ต (คุณสามารถใส่สิ่งที่คุณต้องการลงในช่องชื่อเรื่อง)
  6. คลิก บันทึก

Tumblr Tumblr
ก่อนเพิ่มวิดเจ็ต จะต้องเพิ่มบรรทัด JavaScript ก่อน
 
วิธีการเพิ่มบรรทัด JavaScript:
  1. ในแดชบอร์ด Tumblr ของคุณ ให้เลือกบล็อกที่คุณต้องการแก้ไข จากนั้นคลิก ปรับแต่ง
  2. คลิก แก้ไข HTMLจากหน้าจอ ปรับแต่ง
  3. เลื่อนหน้าจอลงมาที่ส่วนล่างของโค้ด
  4. คลิกเพื่อดูว่าโค้ดของคุณมี pinit.js หรือไม่ หากมีแสดงว่าเสร็จเรียบร้อยแล้ว!
  5. หากไม่มี ให้เพิ่มแท็กนี้เหนือแท็กปิด </body>:  <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

วิธีการเพิ่มปุ่มติดตามหรือพิน วิดเจ็ตในโพรไฟล์ หรือวิดเจ็ตในบอร์ดลงใน ข้อความ รูปภาพ คำพูด ลิงก์ โพสต์เสียงและวิดีโอ:

  1. ตรวจสอบให้แน่ใจว่าคุณได้เพิ่มบรรทัด JavaScript ตามขั้นตอนที่อธิบายไว้ด้านบน
  2. สร้างโพสต์ตามปกติ
  3. คลิก <html> ในกล่องคำอธิบาย (หรือกล่องข้อความหลัก หากคุณกำลังสร้างโพสต์ข้อความ) ตอนนี้คุณควรเห็นโค้ดในโพสต์ของคุณ หากไม่เห็น ให้คลิกปุ่มอีกครั้งจนกว่าโค้ดจะปรากฎ
  4. หาจุดที่คุณต้องการให้แสดงวิดเจ็ตในโพสต์ของคุณแล้ววางโค้ดจากตัวสร้างวิดเจ็ต
  5. ลบ <!-- Please call pinit.js only once per page --> และ <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
  6. บันทึก โพสต์ของคุณ

โปรดทราบว่า โพสต์จะไม่แสดงวิดเจ็ตในแดชบอร์ดของคุณ แต่จะแสดงในโพสต์เมื่อเผยแพร่

 

Wix.com Wix.com

วิธีการเพิ่มปุ่มติดตาม:

  1. คลิก  เพิ่ม (+) ที่ด้านซ้ายของโปรแกรมแก้ไขของคุณ
  2. คลิก โซเชียล
  3. เลื่อนหน้าจอลงมาด้านล่างแล้วคลิก การติดตาม Pinterest
  4. ลากปุ่มติดตามมายังบริเวณที่คุณต้องการในหน้าเว็บของคุณ


ปัญหาทั่วไป

วิดเจ็ตของคุณแสดงเป็นแค่ลิงก์

ลองใช้เคล็ดลับการแก้ไขปัญหาเหล่านี้:

  • ตรวจสอบให้แน่ใจว่าคุณได้ใส่บรรทัด JavaScript ลงในโค้ดของหน้าเว็บ เหนือแท็กปิด BODY
  • หากคุณมีบรรทัด JavaScript ในหน้าเว็บของคุณหลายบรรทัด ให้ลองลบบรรทัดทั้งหมดยกเว้นบรรทัดสุดท้าย
  • หากคุณใช้ทั้งบรรทัด JavaScript อะซิงโครนัสขั้นสูงและบรรทัด JavaScript ธรรมดา ให้ลบอย่างใดอย่างหนึ่งออก
  • หากคุณใช้ปลั๊กอินจากบริษัทอื่น ให้ตรวจดูว่าปลั๊กอินไม่ได้ใส่บรรทัด pinit.js ไว้แล้วในโค้ดของคุณ หากมีอยู่แล้วคุณไม่จำเป็นต้องเพิ่มอีก

บางโฮสต์ไม่รองรับ JavaScript ดังนั้นคุณจะไม่สามารถเพิ่มโค้ดจากตัวสร้างวิดเจ็ตของเรา โฮสต์เหล่านั้นอาจมีวิธีการอื่นเพื่อเพิ่มวิดเจ็ต!

บทความที่เกี่ยวข้อง