我有这个网站页面 - http://1k.lt/mamos-ismintys/ ,当我尝试通过下面的 FB 共享按钮共享它时,它只显示我的旧 WordPress 主题图像和基本站点数据。
长话短说,我已将静态 HTML/CSS/JS 上传到 WordPress 站点文件夹(通过 Filezilla),并且它从 WordPress 帖子定向到此静态 HTML 模板。页面的最终 URL - http://1k.lt/mamos-ismintys/
现在,当我尝试分享它时,它只显示默认 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&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。
最佳答案
Add this to your
<head>
tag to overcome with the error: Share App ID Missing.
<meta property="fb:app_id" content="YOUR_APP_ID" />
希望这有帮助!
关于javascript - Facebook OG 不显示(分享帖子时),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42876081/