2012-01-11 18 views
13

मैं अपने नियोक्ता की साइट पर फेसबुक शेयर बटन को एकीकृत करने की कोशिश कर रहा हूं, शीर्षक, यूआरएल, विवरण/परिचय सभी सही तरीके से प्रदर्शित हो रहे हैं, हालांकि कोई छवि संलग्न नहीं की जा रही है। जब शेयर संवाद खुलता है, तो एक छवि कंटेनर फ़्लिकर और फिर गायब हो जाता है जैसे कि फेसबुक छवि (छवियों) को संसाधित करने की कोशिश कर रहा है लेकिन विफल रहता है। कोशिश करते हैं और छवि साझा लिंक के लिए उपयोग करने के लिए निर्दिष्ट करने के लिए छवि और एक लिंक संबंध:फेसबुक शेयर खुले ग्राफ मेटाटैग से छवि नहीं दिखा रहा है

मैं उपयोग कर रहा हूँ ओग

<meta property="og:image" content="/images/logo_white_150px.png" /> 
<link rel="image_src" type="image/png" href="/images/logo_white_150px.png" /> 

कि छवि (यह उचित रूप से पैमाने) काम करता था लेकिन अब नहीं करता है, मैं मैंने किसी भी भाग्य के साथ अलग आकार और प्रारूप की अन्य छवियों का भी प्रयास नहीं किया है। यहाँ कैसे है

<body> 
    <script type="text/javascript"> 
     (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/en_US/all.js#xfbml=1"; 
     fjs.parentNode.insertBefore(js, fjs); 
     } (document, 'script', 'facebook-jssdk')); 
    </script> 
    ... 

और:

यहाँ खुला मेटा टैगों मैं शीर्षक में उपयोग कर रहा हूँ है:

<!DOCTYPE html> 
<html xmlns:fb="http://ogp.me/ns/fb#" itemscope itemtype="http://schema.org/Article" xmlns:og="http://ogp.me/ns#"> 
    <head>  
    <meta property="og:type" content="landing page" /> 
    <meta property="og:title" content="Social Media Test Page" /> 
    <meta property="og:description" content="This is a page for testing the behavior of social media buttons..." /> 
    <meta property="og:image" content="/images/logo_white_150px.png" /> 
    <link rel="image_src" type="image/png" href="/images/logo_white_150px.png" /> 
    <meta property="og:image:type" content="image/png" /> 
    <meta property="og:url" content="<%=shortUrl%>" /> 
    <meta property="og:site_name" content="site name" /> 
    <meta property="og:medium" content="mult" /> 
    </head> 

यहाँ है जावास्क्रिप्ट मैं शरीर के शुरू में उपयोग कर रहा हूँ अग्रिम
में

<div class="left" style="text-align: center;"> 
    <a name="fb_share" type="button" share_url="<%=shortUrl%>">Share</a> 
    <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> 
    </div> 

किसी भी मदद की बहुत सराहना की है, धन्यवाद: मैं बटन का उपयोग कर रहाक्रिस।

+1

मेरे अनुभव में, वास्तविक समस्या कुकीज़ है। अपने परीक्षणों के बीच कई बार कैश साफ़ करें और यह काम करेगा। आपका कोड ठीक लगता है। – Leonidas

+0

एफबी आपकी साइट का परीक्षण करने के लिए एक नि: शुल्क उपकरण है। –

उत्तर

0

अपने कोड से HTML आउटपुट को देखे बिना, मैं केवल इस मुद्दे के बारे में अनुमान लगा सकता हूं। <%=shortUrl%> जैसे रिश्तेदार यूआरएल का उपयोग न करें, लेकिन पूरी तरह से योग्य यूआरएल का उपयोग करना सुनिश्चित करें .... जिस पर http: s: // है।

इसके अलावा, http://developers.facebook.com/docs/share/ कहता है कि इस शेयर बटन को बहिष्कृत किया जा रहा है। कृपया इसके बजाए लाइक बटन का उपयोग करने के लिए बदलें: http://developers.facebook.com/docs/reference/plugins/like/

+0

मुझे पता है कि शेयर बटन को बहिष्कृत किया गया है, मेरा नियोक्ता अभी भी इसे तब तक चाहता है जब तक कि हम कस्टम जैसे बटन को रोल नहीं कर सकें।शॉर्टURL जेएसपी वैरिएबल वास्तव में एक पूर्णतः योग्य यूआरएल है जिसे हम tinyurl के समान Google लाइब्रेरी का उपयोग करके संपीड़ित करते हैं। – cgrantham

+1

शायद छवि पार्सर को रीडायरेक्ट पसंद नहीं है? मैंने कभी कोशिश नहीं की। लेकिन आप शॉर्ट यूआरएल को हटाने और इसके बजाय ओजी टैग में पूरा यूआरएल रखने का प्रयास कर सकते हैं। या उस मामले के लिए, जब तक आप इसे काम नहीं करते हैं, हार्ड कोड og: image टैग। – DMCS

+1

og: छवि मेटाटैग पूर्ण पथ का उपयोग करता है और मैं उस यूआरएल – cgrantham

1

यदि सब कुछ स्क्रैप किए गए परिणाम पर ठीक है, तो Facebook Debugger का उपयोग करके नई स्क्रैप जानकारी प्राप्त करने का प्रयास करें।

ऐसा इसलिए है क्योंकि फेसबुक ओजी: डेटा के लिए अपने स्वयं के कैश का उपयोग करता है।

+1

हालांकि यह लिंक प्रश्न का उत्तर दे सकता है, लेकिन यहां उत्तर के आवश्यक हिस्सों को शामिल करना बेहतर है और संदर्भ के लिए लिंक प्रदान करना बेहतर है। लिंक किए गए पृष्ठ में परिवर्तन होने पर लिंक-केवल उत्तर अमान्य हो सकते हैं। - [समीक्षा से] (/ समीक्षा/कम गुणवत्ता वाली पोस्ट/10796778) – YPCrumble

+1

@YPCrumble जबकि यह आमतौर पर सही है, यह यहां नहीं है। लिंक एक उपकरण से लिंक है। आप एक उपकरण पोस्ट नहीं कर सकते हैं। –

0

मेरे अनुभव में:

  • सभी URL को पूर्ण किया जाना चाहिए (यहां तक ​​कि ओग: छवि मूल्य)
  • अपनी छवि को समान रूप से https पर पेश किया जाता है, तो आप एक ओग जोड़ना चाहिए: छवि: SECURE_URL मेटा संपत्ति छवि: चौड़ाई और ओग: छवि: रूप में अच्छी तरह
  • साथ ही एक ओग जोड़े (यदि आप सब कुछ केवल https पर आप इस को छोड़ सकते हैं की सेवा ) संपूर्ण url के साथ ऊंचाई मेटा गुण

मुख्य यूआरएल रीडायरेक्शन बहुत मुश्किल है, आपको पूरी तरह से सुनिश्चित करना चाहिए कि जटिल सामग्री गतिशील सामग्री के लिए आपकी सामग्री सही ढंग से (और पूरी तरह से) प्राप्त की जाती है, मैं अक्सर एफबी के क्रॉलर उचित सामग्री की सेवा करने के लिए .htaccess में एक पहचान कर रहा हूं:

RewriteEngine On 
RewriteCond %{HTTP_USER_AGENT} facebookexternalhit/[0-9] 
RewriteRule ^(.*)$ OG_GENERATOR_SCRIPT_HERE.php [L,QSA] 
संबंधित मुद्दे