Angularjs有問題要在社交網絡中分享

首先，我想澄清一下，我正在使用prerender.io，一切都很好。如果我在Facebook上粘貼該網站，則該網站可以正確共享。Angularjs有問題要在社交網絡中分享

問題出在我網站上的社交網絡上的Like/Tweet按鈕上。

1）我的第一個問題是Facebook按鈕和註釋部分出現「有時」，我的意思是......在某些場合，它們出現，但如果我刷新頁面或如果我嘗試不同的時間加載頁面，按鈕不在那裏。我無法找到任何關係來獲得根本原因... 2）第二個是，當分享按鈕（Facebook）和推文（Twitter）不加載完整的URL。該URL由服務器+到頁面的路由+視頻的ID（是觀看視頻的網頁）組成。但是，當我在某些情況下點擊按鈕時，視頻ID不在URL中，這很奇怪。

的鏈接，我談論的網站是：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')); 
}

來源

2017-08-08 Faabass

你的功能似乎沒有被調用。我手動在Chrome控制檯運行window.fbAsyncInit();和你的facebook像按鈕等裝載罰款。看起來fbAyncinit();沒有在正確的時間被呼叫。

我會綁定功能的加載事件，當你點擊任何東西，所以當頁面加載完成簡單的調用：

window.fbAsyncInit();

如果不工作，我會調用之前添加的可能250ms的延時小。

來源

2017-09-15 09:28:25 Deckerz

工作很好！謝謝！關於同一個問題，但與Twitter的任何想法？有時它只是作爲一個鏈接而不是一個按鈕來顯示（我正在談論Tweet按鈕（ – Faabass

@Faabass我會想象它是同一個問題。因爲我不能重現一個不工作的twitter，如果這個工作可以標記它作爲正確的答案請:) – Deckerz

Angularjs有問題要在社交網絡中分享

回答

相關問題