วิธีติดตั้ง Google +1 Button บนเว็บไซต์ของเราเอง
ในที่สุด Google +1 Button ก็เริ่มเปิดให้ใช้งานกันแล้วครับ
วันนี้เลยหยิบยก หน้าตา และวิธีการนำไอ้เจ้า Google +1 Button ไปติดบนเว็บไซต์ของเราเอง มาแนะนำกันครับ
เพื่อน ๆ สามารถเข้าไปได้ที่ Webmaster Tools ในส่วนของ +1 Button ครับ
http://www.google.com/webmasters/+1/button/index.html
ซึ่งวิธีการนำไปติด ก็ไม่ยากอะไรครับ แค่เลือก Size และ รูปแบบที่เราต้องการ จากนั้น ก็ให้ Copy code ที่ได้ ไปติดได้ทันทีครับ
โดยจะมีอยู่สองส่วนครับ ส่วนแรก จะเป็นการเรียก api ของ Google มาใช้งาน ซึ่งเราจะเอา code นี้ไว้ภายใน TAG <body> ครับ
<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”>
{lang: ‘th’}
</script>
และส่วนที่สอง คือ ส่วนที่เราต้องการให้แสดงปุ่ม +1 นั่นเอง อยากเอาไปแสดงตรงไหน ก็แค่เอาไปแปะไว้ตรงนั้นครับ
<g:plusone></g:plusone>
สำหรับส่วนที่สองนี้ เราสามารถระบุเพิ่มเติมได้ว่า ต้องการแสดงปุ่มรูปแบบใด ทั้งปุ่มเล็กปุ่มใหญ่ หรือ มีตัวนับ หรือไม่มีตัวนับ รวมไปถึงการระบุเจาะจง URL ที่ให้ทำการ +1
และที่น่าสนใจ คือสามารถใส่ JS callback function เข้าไปด้วยเลย ซึ่งเจ้าตัว callback นี่เราก็สามารถนำไปต่อยอดได้อีกหลายอย่างเลยครับ
เพียงเท่านี้เราก็จะมี Google +1 Button ไปติด ให้ผู้เข้าชมเว็บไซต์เรามากดกันแล้วละครับ
สำหรับใครที่อยากเจาะลึกเกี่ยวกับการใช้งาน Google +1 Button นี้ก็สามารถ เข้าไปอ่านเพิ่มเติมได้ที่ Link ด้านล่างนี้ครับ
http://code.google.com/apis/+1button/
*** +1 Annotations are currently only available in US English on Google.com
