วิธีติดตั้ง Google +1 Button บนเว็บไซต์ของเราเอง

zalapaonet

วิธีติดตั้ง Google 1 Button บนเว็บไซต์ของเราเอง

ในที่สุด Google 1 Button ก็เริ่มเปิดให้ใช้งานกันแล้วครับ

วันนี้เลยหยิบยก หน้าตา และวิธีการนำไอ้เจ้า Google 1 Button ไปติดบนเว็บไซต์ของเราเอง มาแนะนำกันครับ

เพื่อน ๆ สามารถเข้าไปได้ที่ Webmaster Tools ในส่วนของ 1 Button ครับ
http://www.google.com/webmasters/%201/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/

*** เพิ่มเติมสำหรับ คนที่จะเอาไปติดใน WordPress ครับ
Code ส่วนแรก ก็เอาไปแปะไว้ที่ไฟล์ header.php ครับ ส่วนที่สอง จะให้ดีก็ระบุ URL เข้าไปในปุ่มด้วยเลยครับ

<g:plusone href="<?php the_permalink() ?>"></g:plusone>
(เอาไว้ใน loop นะครับ)

*** 1 Annotations are currently only available in US English on Google.com

** ส่วนเรื่อง Google 1 Button นั้น จะนำมาใช้ประโยชน์ หรือจะมีข้อดีข้อเสียอย่างไรนั้น ผมไม่ขอออกความคิดเห็นครับ **

เครดิต blog.zalapao
http://blog.zalapao.com/

ครึ่งควบลูก!

ทำเองกดเองได้มั้ยน้า

mumdochata

ขอบคุณมากๆ ครับ

pepea

ไม่ต้องยุ่งยากขนาดนั้นก็ได้ครับ เว็บผมใช้ปลั๊กอินเวิร์ดเพรสอ่ะครับ ตัวนี้เลย WordPress Google +1 Button

HaHaHaHa

มีใครลองกด แล้วบ้างครับ
ของผมทำไมอยู่ๆลองกดแล้วมันเออเรออะครับ
+1 button errors Print
If the +1 button is unavailable or has stopped working, you'll see this image:

A +1 button error can occur for a variety of reasons, including the following:

Server timeout: Check your Internet connection and try refreshing the page.
Blocked profile: If your profile has been blocked, you won't be able to +1 content.
Apps user: Check with your domain administrator to see if Google Profiles is enabled.

งงแฮะ

TeeRayong

ขอบคุณครับผม

rich_t

ขอบคุณครับ

help_user

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

zalapaonet

อ้างถึงจาก: pepea ใน 03 มิถุนายน 2011, 03:24:35
ไม่ต้องยุ่งยากขนาดนั้นก็ได้ครับ เว็บผมใช้ปลั๊กอินเวิร์ดเพรสอ่ะครับ ตัวนี้เลย WordPress Google +1 Button

ขอบคุณครับ

พอดีว่าเว็บส่วนใหญ่ที่ทำ เป็นเว็บถึก มือเขียนครับ ก็เลยต้องติดตั้งเอง ส่วนบน wordpress ก็ สำหรับคนจะเอาไปโม ครับ ^___^

zalapaonet

อ้างถึงจาก: help_user ใน 03 มิถุนายน 2011, 03:44:59
http://www.google.com/webmasters/+1/button/index.html

bankiggs

ขอบคุนคับผม ข้อมูลอัพเดตสุดๆ

pepea

อ้างถึงจาก: zalapaonet ใน 03 มิถุนายน 2011, 04:03:16
อ้างถึงจาก: help_user ใน 03 มิถุนายน 2011, 03:44:59
http://www.google.com/webmasters/+1/button/index.html

อ๋อ รับทราบครับ...ขอบคุณครับ

ohmohmohm009

ขอบคุณครับ พี่google เราจะแข่งกับ FB สินะครับเนียย

jackkbu

แจ๋วครับ....

ClickToBan

ming0189

ขอบคุณครับ

googlerich

ขอบคุณครับ

sinomoney

ท่านที่ติดแล้ว ขอชมดูหน่อยครับ

BigChange

ขอบคุณครับ

lammas

อ้างถึงจาก: pepea ใน 03 มิถุนายน 2011, 03:24:35
ไม่ต้องยุ่งยากขนาดนั้นก็ได้ครับ เว็บผมใช้ปลั๊กอินเวิร์ดเพรสอ่ะครับ ตัวนี้เลย WordPress Google +1 Button

โอ้ขอบคุณครับ wordpress มีดีทุกสิ่ง เพื่อคุณจริง ๆ (เสียอย่างเดียวคนเข้าเยอะ ๆ แล้วอืดอาด)

ว่าแต่ทำไมคลิ๊กที่ลิงค์ไม่ไปไหนเลยครับ

ถามเองตอบเอง

อ้อรู้แล้ว + หายไป