Html 社交媒体上的链接跟随按钮不起作用_Html_Css_Facebook_Button_Twitter

Html 社交媒体上的链接跟随按钮不起作用

html css facebook button twitter

Html 社交媒体上的链接跟随按钮不起作用,html,css,facebook,button,twitter,Html,Css,Facebook,Button,Twitter,我在社交媒体页面上使用了以下三个按钮：Facebook、Twitter和Google+。唯一的问题是，Facebook和Twitter按钮上的关注链接不起作用，Google+起作用，但另外两个按钮不起作用，我指的是链接按钮，在这里你可以看到关注者/喜欢计数，然后当你作为用户点击它时，它会关注/喜欢页面，而你不必进入页面，但这些按钮不起作用“链接鼠标悬停”甚至不会显示（当您将鼠标悬停在链接上，鼠标图标从箭头变为手形时）我直接从Facebook和Twitter提供的开发工具包中获取了这些代码。重要

我在社交媒体页面上使用了以下三个按钮：Facebook、Twitter和Google+。唯一的问题是，Facebook和Twitter按钮上的关注链接不起作用，Google+起作用，但另外两个按钮不起作用，我指的是链接按钮，在这里你可以看到关注者/喜欢计数，然后当你作为用户点击它时，它会关注/喜欢页面，而你不必进入页面，但这些按钮不起作用“链接鼠标悬停”甚至不会显示（当您将鼠标悬停在链接上，鼠标图标从箭头变为手形时）

我直接从Facebook和Twitter提供的开发工具包中获取了这些代码。重要的是，我使用css来移动按钮，但是如果我选择不使用css来移动按钮，而只是将它们保留在默认的随机位置，那么链接就起作用了，所以我认为可能存在问题

我已经删除了以下页面的链接，但是链接仍然可以使用，因为它是“href”，所以不要介意

html代码：

<!DOCTYPE html>
<html>

<head>
    <script src="https://apis.google.com/js/platform.js" async defer></script>
</head>

<body>

        <div id="fb-root"></div>
            <script>(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/sdk.js#xfbml=1&version=v2.3";
            fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));</script>


        <div id="header">
        </div>

        <div id="container">

        <div id="content">

        </div>

        </div>

        <div id="footer">

        <div class="twitterTextForButton">
            Twitter
        </div>

        <div class="twitter-follow">
            <a class="twitter-follow-button"
            href="https://twitter.com/"
            data-show-count="true"
            data-lang="en"
            data-show-screen-name="false">
            Follow 
            </a>
        </div>

            <script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));</script>


        <div class="facebookTextForButton">
            Facebook
        </div>
            <div class="fb-like" data-href="https://test.com" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>

        <div class="googlePlusTextForButton">
            Google+
        </div>

        <div class="moveGooglePLogo">
        <div class="g-follow" data-annotation="bubble" data-height="20" data-href="//plus.google.com/test" data-rel="author"></div>
        </div>

        </div>

        </div>

</body>

</html>

对于Google+来说，你需要一个正确的URL。你必须对你的项目进行排序

 data-href="https://plus.google.com/+LarryPage"

Facebook API需要HTTP服务器（请参阅）

您还可以使用Facebook按钮的iframe解决方案

按钮示例：

----更新---

您是否使用了正确的链接

Facebook:

推特： 或者http//twitter.com/intent/follow？screen\u name=YOURUSER

你有我可以尝试解决这个问题的链接吗

希望有帮助

问候

上面发生了一系列绝对定位。这似乎影响了分配给按钮的链接。Google+按钮可以工作，我可以看到所有的按钮，因为我已经在本地主机上运行，问题是链接和喜欢/跟随不起作用。啊，好的。你用过cor吗rect URL？和twitter.com/YOURUSER或-----我用share count实现了我的共享按钮，其中有一些代码片段，可能会有所帮助。

 data-href="https://plus.google.com/+LarryPage"