การสร้างปุ่มรับการกดไลค์ในเว็บเพจของผู้พัฒนาเว็บไซต์
+ /reference/plugins/like/
+
opengraphprotocol/
ตัวอย่าง code 3 ส่วน
ส่วนที่ 1
<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=169861339715833"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
ส่วนที่ 2
<div class="fb-like" data-href="http://www.thaiall.com/facebook/" data-send="false" data-layout="box_count" data-width="450" data-show-faces="false"></div>
ส่วนที่ 3
<meta property="og:title" content="home of facebook lesson" /> <meta property="og:type" content="blog" /> <meta property="og:url" content="http://www.thaiall.com/facebook/" /> <meta property="og:image" content="http://www.thaiall.com/me/picme.jpg" /> <meta property="og:site_name" content="thaiall.com" /> <meta property="fb:admins" content="814248894" />
การใส่ปุ่ม like ใน album ภายนอก fb แต่อ้างภาพจาก fb
ในการสร้างปุ่ม like เพื่อนับจำนวนในแต่ละภาพ
พบว่า fb เปลี่ยนกฎหลายข้อ
ทำให้ code ที่เคยใช้อยู่ใช้งานไม่ได้
http://www.thaiall.com/facebook/likebutton.php
แต่ผมต้องการทำ และสิ่งที่ต้องการ คือ เก็บภาพใน fb
แล้วเปิดให้เพื่อนกดไลค์ผ่านเว็บเพจ
ที่จัดทำเป็น gallery แยกออกมานำเสนอภายนอก
ปัญหาที่พบ และคาดว่าเป็นการป้องกันของ fb
สำหรับการกำหนดค่าแต่ละภาพในส่วนตัวแปร data-href
ซึ่งทดสอบโดยตรงกับ
http://developers.facebook.com/docs/reference/plugins/like/
พบปัญหาเดียวกัน
ดังนี้
นำลิงค์ของภาพที่มี fbid และ & พบคำว่า error หลังกดไลค์
นำลิงค์ของภาพที่มีแต่ fbid พบว่าเด้งออก ถูกปฏิเสธ แล้วไม่ยอมนับให้
นำลิงค์ของ image โดยตรงไปวาง พบว่าถาม confirm แล้วถูกเรียกซ้อนขึ้นมาด้วย iframe เพื่อพยายามกดปุ่ม confirm
การแก้ไข
โดยเขียน script img.php รับ url ของภาพแบบไม่มี &
เมื่อรับแล้วก็แสดงผ่าน tag img ตามปกติ
ตัวอย่าง code ของ img.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><title>ภาพ</title> <meta http-equiv=content-type content="text/html; charset=windows-874"> <meta name=keywords content="image"> <meta name=description content="ภาพ"> </head> <body> <?php if (strlen($_REQUEST["img"]) > 10 && strlen($_REQUEST["img"]) < 200) { $img = 'http://' . $_REQUEST["img"]; } else { $img = 'http://www.thaiall.com/me/picme.jpg'; } echo "<a href='$img'><img src='$img' border='0'/></a>"; ?></body></html>
ระบบ album รุ่น 2554
20 ภาพสวย ปี 2554 ม.เนชั่น (ม.โยนก)
#
ภาพ background
ชุดแต่งงานแสนสวย
link type
FB :
Web :
link url
image url