Javascript Facebook OG未显示（共享帖子时）_Javascript_Html_Wordpress_Facebook_Facebook Opengraph

Javascript Facebook OG未显示（共享帖子时）

javascript html wordpress facebook

Javascript Facebook OG未显示（共享帖子时）,javascript,html,wordpress,facebook,facebook-opengraph,Javascript,Html,Wordpress,Facebook,Facebook Opengraph,我有一个网站页面-，当我试图通过下面的FB共享按钮共享它时，它只显示我的旧WordPress主题图片和基本网站数据长话短说，我已经将静态HTML/CSS/JS上传到WordPress站点文件夹（通过Filezilla），它从WordPress post指向这个静态HTML模板。页面的最终URL- 所以现在，当我尝试共享它时，它只显示默认WordPress模板中的一个旧图像我尝试通过调试它，它正确地显示了所有内容这是我的index.html文件的内容： <!DOCTYPE html&

我有一个网站页面-，当我试图通过下面的FB共享按钮共享它时，它只显示我的旧WordPress主题图片和基本网站数据

长话短说，我已经将静态HTML/CSS/JS上传到WordPress站点文件夹（通过Filezilla），它从WordPress post指向这个静态HTML模板。页面的最终URL-

所以现在，当我尝试共享它时，它只显示默认WordPress模板中的一个旧图像

我尝试通过调试它，它正确地显示了所有内容

这是我的

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>


马莫斯·明蒂斯
（功能（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_GB/sdk.js#xfbml=1&version=v2.8&appId=（这是我的fb应用程序id）”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
Mamos išmintys
普拉什伊克明提斯

Spausk“Prašyk išminties”

谢谢你的帮助

编辑：

我刚刚运行了，它说：“fb:app_id”属性应该被明确提供，指定app id，这样分享给Facebook的故事就可以正确地归属于该应用。或者，当打开共享对话框时，可以在url中设置应用程序id

将此添加到您的

标记中，以克服以下错误：共享应用程序ID 失踪

希望这有帮助

谢谢你的回答，并为我在代码中的格式错误道歉。即使调试程序不再抛出任何错误，但一旦我点击上面提到的“共享FB”按钮，它仍然会显示以前的WP主题作为图像，并且没有这个特定页面的标题或描述。可能是WordPress问题而不是我的代码？谢谢你。@DeimantasBrandišauskas：我只是在fb上分享你的网站，我想问题已经解决了。这是截图谢谢你的帮助Raunak。问题解决了。

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