सामाजिक नेटवर्क में साझा करने के लिए अंक के साथ कोणीय

Question

सबसे पहले, मैं यह स्पष्ट करना चाहता हूं कि मैं prerender.io का उपयोग कर रहा हूं और सब कुछ अच्छा है। यदि मैं फेसबुक में यूआरएल पेस्ट करता हूं तो साइट सही तरीके से साझा की जाती है।

यह समस्या साइट पर मौजूद सोशल नेटवर्क से लाइक/ट्वीट बटन पर है।

1) मेरे पास पहला मुद्दा यह है कि फेसबुक बटन और टिप्पणी अनुभाग "कभी-कभी" दिखाई देते हैं मेरा मतलब है ... कुछ मौकों में, वे दिखाई देते हैं, लेकिन अगर मैं पृष्ठ को रीफ्रेश करता हूं या यदि मैं एक अलग समय की कोशिश करता हूं पृष्ठ लोड करें, बटन वहां नहीं हैं। मुझे मूल कारण प्राप्त करने के लिए कोई संबंध नहीं मिला ... 2) दूसरा यह है कि जब शेयर (फेसबुक) साझा करने के लिए बटन और ट्वीट (ट्विटर) पूर्ण यूआरएल लोड नहीं करते हैं। यूआरएल सर्वर से बना है + पृष्ठ का मार्ग + वीडियो की आईडी (वीडियो देखने के लिए एक वेब पेज है)। लेकिन जब मैं कुछ मामलों में बटन पर क्लिक करता हूं तो वीडियो आईडी यूआरएल में नहीं है, जो बहुत अजीब है।

साइट के बारे में मैं बात कर रहा हूँ के लिए लिंक है: https://www.granojo.com/video/10334

कोड है:

<div class="text-center"> 
    <div class="fb-like" style="top: -5px;" data-send="true" data-href="{{ENVIRONMENT.WEB}}/video/{{values.object.id}}" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div> 
    <a data-url="{{ENVIRONMENT.WEB}}/video/{{values.object.id}}" data-text="{{values.object.name}}" href="https://twitter.com/share" class="twitter-share-button" data-lang="es" data-hashtags="{{values.object.name | nospace}}">Twittear</a> 
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> 
    <!-- Place this tag where you want the +1 button to render. --> 
    <div class="g-plusone" data-size="medium" data-href="{{ENVIRONMENT.WEB}}/video/{{values.object.id}}"></div> 

    <!-- Place this tag after the last +1 button tag. --> 
    <script type="text/javascript"> 
     window.___gcfg = {lang: 'es'}; 

     (function() { 
      var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
      po.src = 'https://apis.google.com/js/plusone.js'; 
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
     })(); 
    </script> 
</div> 

और मेरे core.run में मेरे पास है:

$window.fbAsyncInit = function() { 
    FB.init({ 
     appId: 'xxxxxxx', 
     xfbml: true, 
     version : 'v2.6' 
    }); 
}; 
(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/es_LA/sdk.js"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk')); 
} 

Answer 1

आपका समारोह प्रतीत नहीं होता प्रतीत होता है। मैन्युअल रूप से क्रोम कंसोल में window.fbAsyncInit(); चलाया गया और आपका फेसबुक जैसे बटन इत्यादि ठीक से लोड हो गया। ऐसा लगता है कि fbAyncinit(); सही समय पर नहीं बुलाया जा रहा है।

जब आप कुछ भी क्लिक कर मैं लोड घटना के लिए समारोह के लिए बाध्य हैं, इसलिए जब पेज सरल कॉल लोड हो रहा है खत्म:

window.fbAsyncInit(); 

वह does not काम मैं इसे कॉल करने से पहले हो सकता है 250ms के एक छोटे से देरी जोड़ना होगा तो ।