ถามเกี่ยวกับ button share ของ Facebook หน่อยคับ

[M027]

อยากทราบลำดับแบบ step by step จากตัวอย่างจริงในการทำปุ่ม share ของ Facebook คับผม ขอบคุณล่วงหน้าคับ

[thatsawan]

1. Url สำหรับหน้าเว็บที่เราจะ share (url นี้เอาไปเช็คค่าที่จะจากเเท็ก <meta>)
2. Facebook จะเอาข้อมูล จาก แท็ก <mata>
เช่น

Code: Select all

<meta property="og:url"           content="http://www.your-domain.com/your-page.html" />
    <meta property="og:type"          content="website" />
    <meta property="og:title"         content="Your Website Title" />
    <meta property="og:description"   content="Your description" />
    <meta property="og:image"         content="http://www.your-domain.com/path/image.jpg" />

ให้เรามอง ว่าถ้าอยากจะให้เเชร์เเล้วมีภาพติดมาในตอนเเชร์ ให้เรา เอาภาพมาใส่ตรง <meta>

Code: Select all

property="og:image"

ลองดูที่ วิวซอร์สหน้านี้ก้อได้คะ

Code: Select all

 <meta property="og:type" content="website" />
            <meta property="og:locale" content="th_TH" />
            <meta property="og:title" content="ถามเกี่ยวกับ button share ของ Facebook หน่อยคับ" />
            <meta property="og:site_name" content="เว็บบอร์ด PHP เว็บส่งเสริมการเรียนรู้ Hosting CRM ERP Server Programming ถาม-ตอบปัญหา"/>
            <meta property="og:url" content="https://www.mindphp.com/forums/viewtopic.php?f=20&t=29709" />
            <meta property="og:description" content="อยากทราบลำดับแบบ step by step จากตัวอย่างจริงในการทำปุ่ม share ของ Facebook คับผม ขอบคุณล่วงหน้าคับ"/>
                                <meta property="og:image" content=""/>
                                                                              

จะเห็นข้อมูลของ meta property="og:title" คือ ชื่อที่เวลาเราเเชร์เราจะได้ ชื่อของกระทู้นี้ไป

ที่นี่พอเราใส่ข้อมูลที่จะเเชร์ลง <meta>เเล้ว ลองใช้เครื่องมือสำหรับพัฒนา ช่วยดูก้ได้ (จะใช้กับ localhost ไม่ได้นะ)
https://developers.facebook.com/tools/debug/

2015-08-19_11-33-26.jpg (119.15 KiB) Viewed 1081 times

[M027]

สอบถามเพิ่มเติมคับ CSS class "fb-share-button" นี้มาจากไหนคับ หรือว่าเราต้องสร้างเองคับ

[M027]

Code: Select all

js.src = '//connect.facebook.net/th_TH/sdk.js#xfbml=1&version=v2.4';

พบปัญหาแล้วคับ คือเราต้องกำหนด version ให้ด้วย จาก code ด้านบนได้กำหนด version เป็น 2.4

Code ทั้งหมด

Code: Select all

<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/th_TH/sdk.js#xfbml=1&version=v2.4";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>