PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

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

16 July 2011 By


เห็นหลายๆเว็บไซต์ เขาใส่ +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="http://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/


Tags:: google plus





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