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

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

M027
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 758
ลงทะเบียนเมื่อ: 08/06/2015 10:07 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย M027 »

อยากทราบลำดับแบบ step by step จากตัวอย่างจริงในการทำปุ่ม share ของ Facebook คับผม ขอบคุณล่วงหน้าคับ
ภาพประจำตัวสมาชิก
thatsawan
PHP VIP Members
PHP VIP Members
โพสต์: 28508
ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
ติดต่อ:

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

โพสต์ที่ยังไม่ได้อ่าน โดย thatsawan »

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

โค้ด: เลือกทั้งหมด

<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>

โค้ด: เลือกทั้งหมด

property="og:image"

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

โค้ด: เลือกทั้งหมด

 <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
2015-08-19_11-33-26.jpg (119.15 KiB) Viewed 1707 times
M027
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 758
ลงทะเบียนเมื่อ: 08/06/2015 10:07 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย M027 »

8O

สอบถามเพิ่มเติมคับ CSS class "fb-share-button" นี้มาจากไหนคับ หรือว่าเราต้องสร้างเองคับ
M027
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 758
ลงทะเบียนเมื่อ: 08/06/2015 10:07 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย M027 »

โค้ด: เลือกทั้งหมด

js.src = '//connect.facebook.net/th_TH/sdk.js#xfbml=1&version=v2.4';
พบปัญหาแล้วคับ คือเราต้องกำหนด version ให้ด้วย จาก code ด้านบนได้กำหนด version เป็น 2.4

Code ทั้งหมด

โค้ด: เลือกทั้งหมด

<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>
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 38