#เล่าสู่กันฟัง 62-290 การเพิ่ม sharethis ใน footer.php ของ wp

30 ธ.ค.62 พบว่า sharethis.com พัฒนาบริการให้สมบูรณ์ขึ้น ประกอบกับ 1 ส.ค.61 บริการ facebook ไม่บริการ api ให้ tweet ส่งโพสต์อัตโนมัติไป facebook ส่วน facebook เองก็สนับสนุนส่งโพสต์อัตโนมัติไปสื่อสังคมอื่นที่เป็นคู่แข่งก็อาจลดลงในอนาคต ยกเว้น instagram ที่มีเจ้าของเดียวกัน เพื่อเพิ่มบริการ share post ให้ wordpress จึงเข้าไปขอใช้บริการจาก sharethis.com เลือกปุ่มสำหรับ share page จำนวน 5 ปุ่ม (ตามชอบ) แล้วนำ code จากทั้ง 2 ส่วนไปวางใน footer.php ก่อนบรรทัดเรียก function wp_footer(); ของ wordpress ผ่าน menu, appearance, theme editor พบว่าเมื่อเปิดการแก้ไข theme editor มีการแจ้งเตือนว่า ถ้าแก้ไขโค้ดอาจทำให้ผลการเปลี่ยนแปลงหายไปในอนาคต หากมีการอัพเดทรุ่น wordpress หรือเปลี่ยน theme ใหม่

ขั้นตอนการเพิ่ม sharethis.com เข้า footer.php ดังนี้

  1. เริ่มจากใช้บัญชี facebook หรือ google หรือ email เข้าระบบ
  2. สามารถเลือก inline share buttons
    เพื่อนำไปวางใน right menu ของ wordpress
  3. คัดลอก div จากหน้า inline share buttons
  4. คัดลอก script จากหน้า settings
  5. รวม code จากข้อ 3 และ 4 ไปวางใน webpage footer.php

Facebook API Changes Mean You Can No Longer Auto Post Tweets to Facebook

sharethis.com within wordpress script

sharethis within blog
sharethis within blog

การใช้บริการ share button ของ sharethis.com ซึ่งใช้ login account ของ facebook.com เพื่อนำบริการไปฝังเข้า (embedded) blog ที่ใช้ wordpress script
ซึ่งได้ code ของ sharethis ที่ได้มา ได้จากการคลิ๊ก other ShareThis Widgets, Website, Sharing buttons, Finish get the code, Multi Post

ใน wordpress script
– แก้ไข header.php
– แก้ไข footer.php

statistic in sharethis.com
statistic in sharethis.com

http://support.sharethis.com/customer/portal/articles/517333-analytics-faqs

การใช้บริการ sharethis.com

แบ่งปัน เนื้อหา
แบ่งปัน เนื้อหา

sharethis คือ บริการอำนวยความสะดวกในการ share เนื้อหาจากหน้าเว็บเพจ
ส่งถึงหน้า social network ของเพื่อนโดยง่าย
1. สมัครสมาชิกกับ sharethis.com
2. เชื่อมบริการ social network เข้ากับ sharethis.com
3. เลือกใช้บริการเพิ่ม sharethis.com ใน website ของเรา
4. รับ code
<script type=”text/javascript”>var switchTo5x=true;</script>
<script type=”text/javascript” src=”http://w.sharethis.com/button/buttons.js”></script>
<script type=”text/javascript”>stLight.options({publisher: “f53e4e65-4d03-4886-8585-139c248fbbd1”}); </script>
และ
<span class=’st_sharethis_vcount’ displayText=’ShareThis’></span>
<span class=’st_facebook_vcount’ displayText=’Facebook’></span>
<span class=’st_twitter_vcount’ displayText=’Tweet’></span>
<span class=’st_linkedin_vcount’ displayText=’LinkedIn’></span>
<span class=’st_email_vcount’ displayText=’Email’></span>
5. ใส่เข้าไปในเว็บไซต์ของเรา
6. เพื่อนที่เข้ามาในเว็บไซต์สามารถ share content ไปใน social network ของพวกเขา

สำหรับ wordpress webmaster
1. เข้า admin, appearance, editor
2. เปิด header.php แล้ววาง script ก่อนปิด head tag
3. เปิด footer.php แล้ววาง span ก่อนเปิด div tag of footer

วันต่อมาผมก็แก้ไขใหม่
แก้ไข widget ของ twitter ให้เหลือเพียง rpp:3
และย้าย sharethis จาก footer.php ไปท้ายสุดของ comments.php

http://support.sharethis.com/customer/portal/articles/517333-analytics-faqs