รบกวนท่านผู้รู้โปรดชี้แนะ กระทู้ที่ผมแชร์ไปเฟสบุ๊ค มันไม่ดึงรูปที่แนบไปแสดง ..

nitikon101

รบกวนท่านผู้รู้โปรดชี้แนะ อยากให้มีปุ่มแชร์กระทู้ ในบอร์ด smf1.1.16
ความรู้ผมน้อย อยากได้โค๊ด หรือวิธีทำครับ อยากมีปุ่มแชร์กระทู้ไปที่เฟส หรือที่อื่น ของผมเวอชั่น 1.1.16 ไม่สามารถโหลด mod อะไรนั่นได้
และถ้าได้โค๊ดแล้วต้อง เอาใส่ที่ไหนอย่างไร
รบกวนด้วยครับ เซิสกูเกิล มาสองวันจนตาลาย ไม่สามารถจริงๆ
เวบผม www.nitikon.com

nitikon101

ตอนนี้พอ งมๆ ได้ว่า เข้า https://developers.facebook.com/docs/plugins/share-button/# ของเฟสบุ๊ค เอาโค๊ดมา แต่เขาให้ใส่ลิ้ง ที่จะใช้ในการแชร์ แต่ผมจะให้ เปนลิ้งค์กระทู้ที่เขาอ่านไม่ใช่ลิ้งค์ที่ตายตัว
ผมต้องใส่อะไรยังไงครับ มืดตึ๊บ ช่วยด้วยยยยยยยยยยย

CONY

ในไฟล์ Display.template.php อ่ะครับ
ใส่โค้ดแชร์ที่ได้จาก Facebook ไว้ตำแหน่งที่ต้องการ
แล้วเปลี่ยน url ที่แชร์ ตรง url=xxx อ่ะครับ เปลี่ยนเป็น

โค้ด เลือก

' . $scripturl . '?topic=', $context['current_topic'], '
ตรงนี้จะเป็นการ generate หัวข้อที่แชร์ให้เปลี่ยนไปตามหน้าหัวข้อที่เรากดเข้าไปดูครับ

nitikon101 · 08 มีนาคม 2018, 13:54:25

nitikon101 · 08 มีนาคม 2018, 14:24:54

ตอนนี้มั่วได้บ้างแล้วครับ

ผมเอาโค๊ดที่ท่านให้มาแทรก ตามนี้ ตัวสีเขียวนั่น แทนอันเดิมไป
<iframe src="https://www.facebook.com/plugins/share_button.php?href=' . $scripturl . '?topic=', $context['current_topic'], '=button_count&size=small&mobile_iframe=true&width=78&height=20&appId" width="78" height="20" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe> <br />
<br />

หลังจากลงแล้ว มีปัญหาคือ ผมไปตั้งค่า ให้ผู้ใช้บอร์ด smf เป็นสมาชิกเท่านั้น ถึงจะมองเห็นกระทู้ ทีนี้ พอผมจะแชร์กระทู้ไปที่เฟส อันที่แชร์ไป บอกให้ล็อคอินทุกอัน ดังนั้นผมจึงต้องได้ปลด ทุกกระดานเป็นบุคคลทั่วไปก็เข้าดูได้ จึงสามารถแชร์กระทู้ไปเฟสได้

แต่ที่ผมอยากได้ตามมาอีกคือ อยากได้ ภาพประกอบกระทู้ไปขึ้น บนเฟสด้วยครับ เพราะที่แชร์ไป เป็น รูป ของเฮดเดอร์ขึ้นแทนทุกอัน ไม่รู้ต้องไปแก้โค๊ดตรงไหน

nitikon101 · 12 มีนาคม 2018, 16:29:37

อ้างถึงจาก: nitikon101 ใน 08 มีนาคม 2018, 13:54:25
<iframe src="https://www.facebook.com/plugins/share_button.php?href=http://www.nitikon.com&layout=button_count&size=small&mobile_iframe=true&width=78&height=20&appId" width="78" height="20" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>

มันได้โค๊ดออกมาเป็นแบบนี้ครับ ไม่มี URL โดยก่อยรับโค๊ด มันให้ใส่ url ก่อน ไม่ใส่ รับรหัสไม่ได้ ผมใส http://www.nitikon.com ไปก่อน ได้ปุ่มแชร์ออกมา มันก็แชร์ www.nitikon.com ไปที่เฟส ผมจะยังคงไว้ที่ในกรู้ก่อน เพื่อให้ท่านผู้รู้มาช่วยชี้แนะครับ

ตอนนี้ผมมั่วๆได้แล้วครับ
รบกวนสอบถามอีกว่า
ผมอยากได้รูปอื่นที่ไม่ใช้รูป fix มันดึงเอามาจาก og:image http://www.nitikon.com/Themes/default/logo.jpg ตัวนี้ตลอด แล้วตัวนี้ผมจะแก้อย่างไรครับ เช่นอยากให้มันดึงรูปแรกจากกระทู้นั้นเลย หรือจะเพิ่มเติมรูปอื่นๆ ใน og นี้ก็ได้ แต่ไม่รู้ที่แก้ไขมันอยู่ในไฟล์ไหน

Coolhostplus · 12 มีนาคม 2018, 18:14:12

ผมใช้ mod Share facebook twitter pm V.2.0

CONY · 12 มีนาคม 2018, 21:36:01

ลองดู open graph protocol ครับ
og:image อันนี้คือที่มันจะใช้ระบุรูปภาพให้ไปแสดง
วิธีง่ายสุดคือแนบไฟล์เป็นรูปภาพ แล้วเขียนคำสั่งให้ดึงรูปภาพในกระทู้ไปแสดงแบบ dynamic ก็คล้ายๆกับทำให้ปุ่มแชร์แยกกระทู้แต่ละกระทู้นั่นแหละครับ

nitikon101 · 13 มีนาคม 2018, 11:11:08

อ้างถึงจาก: CONY ใน 12 มีนาคม 2018, 21:36:01
ลองดู open graph protocol ครับ
og:image อันนี้คือที่มันจะใช้ระบุรูปภาพให้ไปแสดง
วิธีง่ายสุดคือแนบไฟล์เป็นรูปภาพ แล้วเขียนคำสั่งให้ดึงรูปภาพในกระทู้ไปแสดงแบบ dynamic ก็คล้ายๆกับทำให้ปุ่มแชร์แยกกระทู้แต่ละกระทู้นั่นแหละครับ

รบกวนขอแบบละเอียดนิดนึงครับ พอดีผมรู้น้อย
คือ ต้องแนบใหม่ทุกครั้งเลยใช่ไหมครับ และไปแนบที่ไหนครับ คือค้นหาไม่เจอ มึนจริงๆ

CONY · 13 มีนาคม 2018, 11:45:17

ผู้ดูแล >> จัดการไฟล์แนบและรูปประจำตัว >> เปิดใช้งานไฟล์แนบ เมนูก็จะประมาณนี้ลองเข้าไปดู
เวลาตั้งกระทู้ ก็จะมีช่องแนบไฟล์ โผล่ขึ้นมาให้เราแนบรูปไปพร้อมกระทู้ได้
ส่วนวิธีเขียนโค้ดดึงรูปที่เป็นไฟล์แนบไปแสดง ลองศึกษาเพิ่มดูครับ

SmileHost · 13 มีนาคม 2018, 22:14:27

ง่ายสุดคือสมัครสมาชิก https://www.addthis.com/ ครับ แล้วเอาโค๊ดไปวางจะมีปุ่ม share ขึ้นในเว็บครับ

nitikon101 · 14 มีนาคม 2018, 22:04:17

อ้างถึงจาก: CONY ใน 13 มีนาคม 2018, 11:45:17
ผู้ดูแล >> จัดการไฟล์แนบและรูปประจำตัว >> เปิดใช้งานไฟล์แนบ เมนูก็จะประมาณนี้ลองเข้าไปดู
เวลาตั้งกระทู้ ก็จะมีช่องแนบไฟล์ โผล่ขึ้นมาให้เราแนบรูปไปพร้อมกระทู้ได้
ส่วนวิธีเขียนโค้ดดึงรูปที่เป็นไฟล์แนบไปแสดง ลองศึกษาเพิ่มดูครับ

1.คือผมเปิดไฟล์แนบ และแนบไฟล์ได้แล้วครับ
2.คือ ผมเอาแค่โค๊ดนี้ ///// <iframe src="https://www.facebook.com/plugins/share_button.php?href= ' . $scripturl . '?topic=', $context['current_topic'], '=button_count&size=small&mobile_iframe=true&width=78&height=20&appId" width="78" height="20" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe> <br />
<br /> ///// มาใส่ใน ไฟล์ Display.template.php นี้เท่านั้น
ผมไม่ได้เอาโค๊ดแบบเต็มมาใช้เพราะไม่รู้จะเอาไปใส่ที่ไหนอย่างไร เอาแค่โค๊ดไอเฟรมนั้นมาที่ดิสเพล
3. มันแชร์กระทู้ได้แล้ว รูปที่แชร์จะเป็นรูปเดิม คือรูป โลโก้ ด้านบนเว็บไซท์นี้เท่านั้นทุกกระทู้ที่แชร์

มันอยู่ที่ http://www.nitikon.com/Themes/default/logo.jpg
*****แล้วมันไปดึงรูปนี้มาจากไหนได้อย่างไร ตามคำสั่งของหน้าไหน ผมก็ไม่รู้จะหาอย่างไร
4. ผมไม่รู้ว่า โค๊ด อันนี้
<html>
<head>
<title>Your Website Title</title>

<meta property="og:url" content="https://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="https://www.your-domain.com/path/image.jpg" />
</head>
<body>


<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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<div class="fb-share-button"
data-href="https://www.your-domain.com/your-page.html"
data-layout="button_count">
</div>

</body>
</html>
ที่มันจะดังเอาภาพนี้มาเสมอนั้น มันอยู่ในไฟล์ไหน ของเว็บไซท์ผม เพราะผมก็ดึงเอาแค่เฟรมมาตามข้อ 1 เลยไม่รู้จะไปแก้ตรงไหนอย่างไร
5. เอาลิ้งทุกลิ้งที่แชร์ไปเช็คที่ https://developers.facebook.com/tools/debug นี้มักจะได้
caution-solid
คำเตือนที่ควรได้รับการแก้ไข

**** คุณสมบัติที่อนุมาน
ควรระบุคุณสมบัติ 'og:image' อย่างชัดเจนแม้ว่าค่าอาจอนุมานจากแท็กอื่นก็ตาม***
นี้ตลอด

และ
เราสเครป URL ครั้งล่าสุดเมื่อใดและอย่างไร
ตัดแบ่งเวลาแล้ว
2 วินาทีที่แล้ว
รหัสการตอบสนอง   200
URL ที่ดึงข้อมูลมา   http://www.nitikon.com/index.php?topic=98
URL แบบมาตรฐาน
http://www.nitikon.com/index.php?topic=98
0 ถูกใจ , แชร์ และแสดงความคิดเห็น รายละเอียดเพิ่มเติม
ตัวอย่างลิงก์
IP ของเซิร์ฟเวอร์   122.155.17.99
เราสร้างคุณสมบัติ Open Graph ต่อไปนี้โดยใช้รอว์แท็กเป็นพื้นฐาน
og:url   http://www.nitikon.com/index.php?topic=98
og:type   website
og:title   ไม่อาจเปลี่ยนแปลงฐานความผิดที่ ปปช ชี้ไว้แล้ว คำถาม ๙/๒/๖๑
og:description   ไม่อาจเปลี่ยนแปลงฐานความผิดที่ ปปช ชี้ไว้แล้ว คำถาม ๙/๒/๖๑
og:updated_time   1521039518
ia:markup_url
ia:markup_url_dev
ia:rules_url
ia:rules_url_dev

<meta name="description" content="ไม่อาจเปลี่ยนแปลงฐานความผิดที่ ปปช ชี้ไว้แล้ว คำถาม ๙/๒/๖๑" />

<meta name="keywords" content="PHP, MySQL, bulletin, board, free, open, source, smf, simple, machines, forum" />

URL
Open Graph   ตัวแก้ไขจุดบกพร่องอ็อบเจ็กต์ Open Graph
API กราฟ   ดูในตัวสำรวจ API กราฟ
URL ที่สเครป   ดูว่าสเครปเปอร์ของเราเห็นอะไรสำหรับ URL ของคุณ
สเครป API   สเครปผ่าน API

-------

ดังนั้น
ผมขอรบกวนชี้แนะ เพราะผม งมๆซาวๆ ไม่รู้จริงๆความรู้น้อมาก ว่าจะแก้ได้อย่างไร
ตรงไหน

ขอบคุณมากๆครับ