แทรก +1 button ในเว็บจาก google plus

เขียนเมื่อ 12 ปีก่อน โดย Ninenik Narkdee
google plus

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ google plus

ดูแล้ว 14,157 ครั้ง




เห็นหลายๆเว็บไซต์ เขาใส่ +1 button ในเว็บกันแล้ว อยากจะเอามาใส่ในเว็บ ninenik.com บ้าง

เข้าไปอ่าน และปรับแต่งค่าต่างๆ แล้วเอาไปใส่เว็บได้เลยอย่างง่ายดายได้ที่

http://www.google.com/intl/en/webmasters/+1/button/index.html


Javascript Code แทรกไว้ก่อนแท็กปิด body หรือในแท็ก head

 

<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'th'} // สำหรับปรับแต่งภาษาไทย อังกฤษก็เปลี่ยนเป็น en
</script>



Code ที่ต้องการแสดงปุ่ม +1 ไว้ตรงตำแหน่งที่ต้องการให้แสดง

 

<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="small" callback="alert('OK man');" href="https://www.ninenik.com"></g:plusone>



attrbute ภายในสำหรับปรับแต่ง
attrbute size ตอนนี้มี 4 แบบ
 - small ขนาด 15px
 - medium ขนาด 20px
 - standard ขนาด 24px โดยที่หากใช้ขนาด standard ก็ไม่ต้องกำหนด attribute size
 - Tall ขนาด 60px

attribute callback

 ใช้กำหนดสำหรับเรียกใช้ฟังก์ชัน javascript หลังจากคลิกที่ปุ่ม +1 แล้ว ว่าต้องการให้ทำอะไรเช่น
   callback="alert('OK man');"  หลังจากคลิกแล้วให้ขึ้น alert ว่า OK man

attribute count

 ใช้กำหนดหากต้องการให้แสดงจำนวนคนที่กด +1 กี่คน หรือไม่
 count="false"  ไม่แสดง
 กรณีต้องการแสดง ไม่ต้องแทรก attribute count

attribue href
 ใช้กำหนด url ของหน้าเพจนั้นๆ จะกำหนดหรือไม่ ก็ได้ หากไม่กำหนด ก็จะใช้ url ของเพจนั้นเป็นหลัก


อ่านรายละะอียดแบบเจาะลืก อย่างโปรได้ที่

http://code.google.com/apis/+1button/



กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ





Tags:: google plus







URL สำหรับอ้างอิง





คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )







เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ