Question

这是我在我的网站上用于facebook，google plus和twitter实现的代码。 FB，Google Plus和Twitter正在IE中出现，但FB并没有出现在Chrome，Firefox，Safari等浏览器中。我认为这是因为iframe标签。我发现其他浏览器中缺少iframe。当我手动在firebug中包含iframe的iframe时，我也可以看到FB。有人可以建议我一个解决方案？提前谢谢。

<script language="javascript">

    var strFacebookImple = "<%=strFaceBookImpl %>";
    if (strFacebookImple == "true") {
    (document, 'script', 'facebook-jssdk');

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

        (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'));

        (function() {
            var scrTwitter = document.createElement('script');
            scrTwitter.type = 'text/javascript';
            scrTwitter.async = true;
            scrTwitter.src = document.location.protocol + '//platform.twitter.com/widgets.js';
            var scrWriter = document.getElementsByTagName('script')[0];
            scrWriter.parentNode.insertBefore(scrTwitter, scrWriter);
        })(); }

       <div class="CB PADL30">

                      <% if (FU.NullToString(ConfigurationManager.AppSettings["fBImpl"], "false") == "true")
                           { %>
                        <div class="fb-like" data-href="<%=strDomainSitename %>/Details.aspx?<%=strContentId %>" data-send="true" data-width="450" data-show-faces="true"></div>

                        <a href="https://twitter.com/share" class="twitter-share-button" data-url="<%=strDomainSitename %>/Details.aspx?<%=strContentId %>" data-text="Mve" data-via="iouview" data-lang="en">Tweet</a>

                       <g:plusone annotation="inline"></g:plusone>
                        <%} %>

                     </div>

Answer 1

我不会尝试重新发明轮子。在尝试将社交媒体插件添加到网站时，有很多可能出错和/或冲突的事情。

我在所有网站上都使用addthis。您无需注册即可获取和自定义代码，但注册帐户可让您访问一些非常方便的分析。 https://www.addthis.com

我的网站上的facebook，google plus和twitter实现

1 个答案: