मैं छवि की तरह फेसबुक को कैसे नियंत्रित कर सकता हूं? [बन्द है]

Question

मेरे पास कुछ पोस्ट के साथ एक ब्लॉग है, और प्रत्येक पोस्ट में एक एम्बेडेड फेसबुक जैसा बटन है । बटन दबाने से एक संवाद खुलता है जिससे मेरे आगंतुक फेसबुक पर पोस्ट को एक टिप्पणी के साथ साझा कर सकते हैं।

हालांकि साझा करते समय, फेसबुक द्वारा चयनित छवि एक सामान्य मेल आइकन है, न कि थम्बनेल पोस्ट।

मैं उस छवि को कैसे नियंत्रित कर सकता हूं जो साझा करते समय उपयोग की जाती है?

Comments

वह साइट हाल ही में हैक हो गई, जाहिर है ...

— दर्पण

बमुश्किल एक वर्डप्रेस सवाल नहीं ...

— काव्या

Answer 1

साझा करने के लिए उपयोग की जाने वाली छवि को आपकी साइट के शीर्षलेख में कोड के एक हिस्से से लिया गया है जो कुछ इस तरह दिखाई देगा:

<link rel="image_src" href="path/to/theme/screenshot.png" />

आमतौर पर यह थीम में आपकी साइट के स्क्रीनशॉट से लिंक होता है। यदि आपने फ़ाइल के शीर्षलेख से कोड हटा दिया है और single.php पर लूप के अंदर रखा है और अपनी पोस्ट थंबनेल छवि को href तत्व में कहा है तो मेरा मानना ​​है कि यह काम करेगा। तो यह कुछ इस तरह दिखेगा:

<link rel="image_src" href="<?php the_post_thumbnail(); ?>" />

इसका मतलब यह होगा कि यदि आपके पास उन पृष्ठों पर बटन हैं जो कई पोस्टों को सूचीबद्ध करते हैं, तो शायद आपकी छवि नहीं होगी। यदि आपने कुछ सशर्त कोड शामिल किए हैं जो इसे केवल single.php पर निकालते हैं, तो आपके पास किसी भी पृष्ठ पर एक से अधिक पोस्ट और एक बटन और पोस्ट थंबनेल के साथ सामान्य छवि होगी जब single.php टेम्पलेट का उपयोग किया जा रहा हो। तो हेडर कोड होगा:

<?php if ( is_single() ) { /* do nothing on single pages */ } else { ?>
<link rel="image_src" href="path/to/theme/screenshot.png" />
<?php } ?>

तब आप पोस्ट का उपयोग करने के लिए कोड का उपयोग कर सकते हैं।

Comments

यह संभवतः पुराने के रूप में चिह्नित किया गया था, कृपया अपना उत्तर ताज़ा करने पर विचार करें (हो सकता है कि "ऐसा कुछ तब वापस आ गया था, अब यह बेहतर काम करता है")।

— रारस्ट

Answer 2

फेसबुक अब opengraph प्रोटोकॉल का उपयोग करता है। आप छवियों का उपयोग करके जोड़ सकते हैं:

<meta property = "og: image" सामग्री = "http: // your_IMAGE_URL" />

इस लाइन को अपने पेज हेडर में जोड़ें।

वैकल्पिक रूप से आप स्वचालित रूप से ऐसा करने के लिए मेरे प्लगइन का उपयोग कर सकते हैं।

यह सिर्फ यह काम करता है और किसी सेटिंग की जरूरत नहीं है।

http://shailan.com/wordpress/plugins/facebook-meta-tags-plugin/

Answer 3

आपको फेसबुक ओपन ग्राफ़ प्रोटोकॉल का उपयोग करने की आवश्यकता है। मुझे यकीन नहीं है कि स्वीकृत जवाब कई ओजी में से एक क्यों नहीं है: संबंधित उत्तर (जो मैंने वोट दिया है) लेकिन यह गलत है।

http://developers.facebook.com/docs/opengraph/

आप शीर्षक, छवि, विवरण, श्रेणी, अंतिम अद्यतन आदि सहित कई चीजों को अनुकूलित कर सकते हैं ... यदि आप ओपन ग्राफ़ का उपयोग करते हैं। यदि आप इन अन्य आधे-समाधानों का उपयोग करते हैं तो आप पूरी तस्वीर को याद कर रहे हैं।

अगर मैं अपने किए गए सभी FB काम के लिए OG प्रोटोकॉल का पालन नहीं करता, तो मुझे निकाल दिया जाता।

Answer 4

यदि आप निम्न कार्य करते हैं:

<link rel="image_src" href="<?php the_post_thumbnail(); ?>" />

आप पाएंगे कि वर्डप्रेस HTML को छवि प्रदर्शित करने के लिए आवश्यक है, न कि केवल एसआरसी जो कि आप वास्तव में चाहते हैं।

कुछ ऐसा करना:

<?php

// Featured Image for FB Like
$feature_image = get_the_post_thumbnail($post->ID);

// Get image source
$doc = new DOMDocument();
$doc->loadHTML($feature_image);
$imageTags = $doc->getElementsByTagName('img');

foreach($imageTags as $tag) {
        $image_url = $tag->getAttribute('src');
    }
?>
<link rel="image_src" href="<?php echo $image_url; ?>" />

आपको केवल URL मिलता है। यह शायद लंबा रास्ता है और शायद छोटा हो सकता है, लेकिन यह निश्चित रूप से समस्या को ठीक करता है।

आशा है कि यह आपको सही रास्ते पर लाएगा।

मैट।

Answer 5

सुनिश्चित करें कि यदि आप निर्दिष्ट छवि ठीक से दिखाई नहीं दे रहे हैं, तो आप यहां अपना URL उधार दें:

http://developers.facebook.com/tools/lint/

Answer 6

यदि आप अपनी पोस्ट की पहली छवि का उपयोग थंबनेल के रूप में अपने लोगो जैसी किसी चीज़ के साथ करना चाहते हैं, तो मेरा प्लगइन आज़माएं - http://wordpress.org/extend/plugins/facebook-like-thumbnail/ स्पष्टीकरण जोड़ने के लिए फ़ॉलबैक लोगो की छवि http://blog.ashfame.com/?p=888 पर है

Answer 7

<meta property="og:image" content="http://YOUR_IMAGE_URL" />

यह विधि "जैसे" के लिए काम करती है: लेकिन बाद में अगर आप उर लॉग में एक लिंक साझा करना चाहते हैं (उदाहरण के लिए।) यह चित्र स्वतःपूर्ण है।

इस मेटा टैग के बिना आप लिंक्ड साइट पर सभी छवियों से चयन करने में सक्षम हैं।

किसी को भी स्थिर "जैसे" छवि रखने का कोई भी तरीका पता है, लेकिन फिर भी एक यूआरएल साझा करते समय आप एक छवि चुनते हैं?

Answer 8

ठीक है मैंने मेटा ओग को पॉपुलेट करने के लिए जावास्क्रिप्ट का थोड़ा सा लिखा: मेरी पसंद की चित्रित छवि के साथ छवि। यह एक समय की हैक है जिसे आप अपनी हेडर फ़ाइल में जोड़ते हैं।

अपने वर्डप्रेस पोस्ट में, मैं आईडी "फ़ीचर-इमेज" जोड़ता हूं (मुझे पता है कि बाद के वर्डप्रेस के साथ यह बिल्ट-इन है, मैं एक पुराने पर हूं)।

<xmp><img src="http://mysite.com/catphoto.jpg" id="featured-image" /></xmp>

मैं ओग के लिए एक मेटा टैग लिखता हूं: एक प्लेसहोल्डर के साथ छवि, जैसे कि मेरा ब्लॉग लॉग। टैग में "id =" मेटा-इमेज "जोड़ें, अर्थात

<meta property="og:image" src="http://mysite.com/logo.jpg" id="meta-image" />

फिर इस जावास्क्रिप्ट को हेडर में जोड़ें:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"> </script>

<script type="text/javascript">
$(document).ready( function(){
    var featured_image = $("#featured-image").attr("src");
    $('meta[property="og:image"]').attr("content",featured_image);
});

Comments

wp_enqueue_script()वर्डप्रेस में जावास्क्रिप्ट लोड करने के लिए उपयोग करें ।

— FUXIA

क्या यह वास्तव में काम करता है? मैंने पहले ही सफलता के बिना कुछ इसी तरह की कोशिश की - फेसबुक डिबगर मेरी छवि को नहीं पहचानता है। मुझे नहीं लगता कि यह जावास्क्रिप्ट को पार्स कर रहा है।

— benedict_w