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

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

Moderator: mindphp

M027
PHP Super Hero Member
PHP Super Hero Member
Posts: 758
Joined: 08/06/2015 10:07 am

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

Post by M027 » 18/08/2015 6:30 pm

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

thatsawan
PHP VIP Members
PHP VIP Members
Posts: 19391
Joined: 31/03/2014 10:02 am
Contact:

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

Post by thatsawan » 19/08/2015 11:32 am

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
2015-08-19_11-33-26.jpg (119.15 KiB) Viewed 954 times

M027
PHP Super Hero Member
PHP Super Hero Member
Posts: 758
Joined: 08/06/2015 10:07 am

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

Post by M027 » 19/08/2015 1:20 pm

8O

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

M027
PHP Super Hero Member
PHP Super Hero Member
Posts: 758
Joined: 08/06/2015 10:07 am

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

Post by M027 » 19/08/2015 4:05 pm

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>

Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “HTML CSS”

Who is online

Users browsing this forum: No registered users and 20 guests