Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 尝试添加社交按钮/问题,说明来自;developers.facebook.com“;_Html_Css_Facebook_Facebook Javascript Sdk - Fatal编程技术网

Html 尝试添加社交按钮/问题,说明来自;developers.facebook.com“;

Html 尝试添加社交按钮/问题,说明来自;developers.facebook.com“;,html,css,facebook,facebook-javascript-sdk,Html,Css,Facebook,Facebook Javascript Sdk,我正在建立我的第一个网站,我想添加几个社交按钮(facebook、twitter等) 现在facebook有了这个很棒的页面/服务,它为你提供了如何在你的网站上嵌入各种按钮的详细说明 它还为您可能感兴趣的每个按钮(比如共享按钮)提供了以下详细代码 问题是,代码不起作用。我将示例复制/粘贴到test.html文件上,打开它查看按钮的形式。。什么也没有 我甚至尝试过div的高度、宽度和背景色,这些div应该带有按钮,但浏览器上没有按钮(最新的mozilla) 为什么这个代码不起作用?它有所有的标签,

我正在建立我的第一个网站,我想添加几个社交按钮(facebook、twitter等)

现在facebook有了这个很棒的页面/服务,它为你提供了如何在你的网站上嵌入各种按钮的详细说明

它还为您可能感兴趣的每个按钮(比如共享按钮)提供了以下详细代码

问题是,代码不起作用。我将示例复制/粘贴到test.html文件上,打开它查看按钮的形式。。什么也没有

我甚至尝试过div的高度、宽度和背景色,这些div应该带有按钮,但浏览器上没有按钮(最新的mozilla)

为什么这个代码不起作用?它有所有的标签,一切看起来都很详细,很有意义。我的意思是,我不希望按钮能够正常工作,因为我没有重新定向到任何现有域,但按钮应该出现,对吗

<html>
<head>
    <title>Your Website Title</title>
    <!-- You can use Open Graph tags to customize link previews.
    Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
    <meta property="og:url"           content="http://www.your-domain.com/your-page.html" />
    <meta property="og:type"          content="website" />
    <meta property="og:title"         content="Your Website Title" />
    <meta property="og:description"   content="Your description" />
    <meta property="og:image"         content="http://www.your-domain.com/path/image.jpg" />
</head>
<body>

    <!-- Load Facebook SDK for JavaScript -->
    <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";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <!-- Your share button code -->
    <div style="height:100px; width:180px; background-color: black;" class="fb-share-button" 
        data-href="http://www.youtube.com" 
        data-layout="button_count">
    </div>
    <p>I even typed a paragraph to make sure that the html document is rightly configured..</p>

    <script 
    src="https://www.facebook.com/assets.php/en_US/sdk.js" async></script>

<div class="fb-like" data-href="{your-link-url}"></div

</body>
</html>

你的网站标题
(功能(d、s、id){
var js,fjs=d.getElementsByTagName[0];
if(d.getElementById(id))返回;
js=d.createElement;js.id=id;
js.src=“//connect.facebook.net/en_US/sdk.js#xfbml=1”;
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“facebook jssdk”);
我甚至键入了一段文字,以确保html文档的配置正确


再次尝试从配置程序复制脚本。我只是去了你发布的链接,把他们的代码复制到我的项目中,结果成功了。然后我交换了你的共享按钮代码——这仍然有效。然后,我交换了你的脚本标签,它停止了工作。那里一定缺少某些内容。是否在浏览器中通过HTTP打开测试文件?如果您只是在本地文件系统上查看它,它将无法工作,因为这样就无法正确解析用于嵌入SDK的协议相对URL。(不过,如果您将协议放在SDK URL前面,
js.src=,您就可以让它工作了。”http://connect.facebook.net/en_US/sdk.js#xfbml=1“;
)@CBroe你说的有道理。当你说把协议放在sdk url前面时,你能更具体一点吗?(你这里所说的协议是什么意思?)对不起,还记得第一个网站吗?将示例代码中以
js.src=
开头的行与我发布的行进行比较……你是否通过
http://
进行测试?您指向的like按钮的URL是否公开?