Facebook OG没有显示(分享帖子时)

时间:2017-03-18 15:16:07

标签: javascript html wordpress facebook facebook-opengraph

我有这个网站页面 - http://1k.lt/mamos-ismintys/,这是我试图通过FB分享按钮分享它,它只是显示我的旧WordPress主题图像和基本网站数据。

长话短说,我已经将静态HTML / CSS / JS上传到WordPress站点文件夹(通过Filezilla),它从WordPress帖子转到这个静态HTML模板。页面的最终网址 - http://1k.lt/mamos-ismintys/

enter image description here

现在,当我尝试分享它时,它只显示默认WordPress模板中的旧图像。

我试图通过https://developers.facebook.com/tools/debug/og/object/对其进行调试,并正确显示所有内容。

这是我的index.html文件的内容:

<!DOCTYPE html>
<html >
   <head>
      <meta charset="UTF-8">
      <meta property="og:url"                content="http://1k.lt/mamos-ismintys/" />
      <meta property="og:type"               content="article" />
      <meta property="og:title"              content="Mamos išmintys" />
      <meta property="og:description"        content="...." />
      <meta property="og:image"              content="http://1k.lt/wp-content/uploads/2017/03/koveris-2.jpg" />
      <title>Mamos išmintys</title>
      <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
      <link rel="stylesheet" href="css/style.css">
   </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_GB/sdk.js#xfbml=1&version=v2.8&appId=(this is my fb app id)";
         fjs.parentNode.insertBefore(js, fjs);
         }(document, 'script', 'facebook-jssdk'));
      </script>
      <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
      <a href="http://www.1k.lt" ><img src="css/logooo.png" style="width: 140px; padding: 16px;" /> </a>
      <div class="container">
      <div id="content">
         <p id="title" style="margin-top: 0px;"><b>Mamos išmintys</b></p>
         <div id="center" style="margin-top:0px;">
            <button id="gen" onclick="genQuote()">Prašyk išminties</button> <br/>
            <!-- <p id="question">What you say?</p> -->
            <div class="answer" style="margin-top: 61px;">
               <img src="css/ellipse.png" style="width: 66px; padding-top: 40px;"/>
               <p id="quote" style="padding-left: 1em; margin-top: 15px;">Spausk "Prašyk išminties"<br/>- <em>Mama</em></p>
               <p></p>
            </div>
            <div data-h
               ref="http://1k.lt/mamos-ismintys" data-size="large" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2F1k.lt%2F&amp;src=sdkpreparse"><img src="fb-share.png" style="width: 190px;" /></a></div>
         </div>
      </div>
      <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
      <script src="js/index.js"></script>
   </body>
</html>

感谢任何帮助。

编辑:

我刚刚使用https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2F1k.lt%2Fmamos-ismintys%2F运行,并说:应明确提供“fb:app_id”属性,指定应用ID,以便将分享给Facebook的故事正确归因于该应用。或者,可以在打开共享对话框时在URL中设置app_id。

1 个答案:

答案 0 :(得分:1)

  

将此添加到您的<head>代码中以克服错误:共享应用ID   丢失。

<meta property="fb:app_id" content="YOUR_APP_ID" />

希望这有帮助!