Question

我的剧本：

<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>

元标记

<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="..
          all over Malaysia. Visit us now for Home Tuition and More!"/>
    <meta name="keywords" content="content goes here"/>  
    <title>Tutor Registration: Gloopal- Home tuition and More!</title>
    <meta property="og:title" content="Malaysia's Best Private Tutoring Website" />
    <meta property="og:image" content="https://[sample.com]/img/fb.png" />
    <meta property="og:image:secure_url" content="https://[sample.com]/img/fb.png" /> 
<meta property="og:image:type" content="image/jpeg" /> 
<meta property="og:image:width" content="400" /> 
<meta property="og:image:height" content="300" />
    <meta property="og:description" content="Visit [sample.com] today for the most reliable, brilliant and honest tutors from all over Malaysia! We've got you covered, for the widest ever range of subjects. We charge ZERO fees/commission for students and tutors, for all tutoring arrangements- we're one of a kind indeed!" />
      <!--open graphs ends-->

jquery追加html

<div class='fb-share-button' data-href='https://gloopal.com/index.php' data-layout='button'></div>

当我在[https://sample.com]上尝试上述操作时，在浏览器上进行了几轮刷新后，它运行良好。

接下来，我尝试分享更具体的帖子，而不是整个网站。因此，请参阅每个共享按钮上带有ID的页面。但是，它只是忽略它并只显示一般网站。我不明白为什么我没有获得带有ID的特定页面并显示该页面的内容。

<div class='fb-share-button' data-href='https://gloopal.com/search2.php?TID="+ tid +"' data-layout='button'></div>

现在，我尝试共享网站，因为我已经为改造工作创建了一个子域名。在此域中，按钮的基本共享不显示附加到其上的图像和描述，更不用说通过ID共享。

当我在facebook调试中调试时，它显示以下错误：

解析输入网址时没有错误，没有缓存任何数据，也没有删除任何数据。

然后我读了几个关于这个学到的几个问题的提示：为了Facebook刮掉内容，必须设置图像的高度和高度。另外，facebook没有在第一次加载时显示图像，所以必须保持刷新。 Facebook也没有删除以前缓存的内容，虽然我在我的文件中更改它们。因此，我需要在放置一次或两次URL之后重新刷新facebook调试。不仅如此，我还了解到，即使HTTPS也会导致问题，所以我甚至尝试用http替换它，并在图像元标记上添加了secured_url。 / p>

尽管有我的尝试，我仍然无法在脸书中分享图片和内容。如果有人知道我缺少的地方，也请告诉我如何通过ID分享帖子，这意味着不同的形象，每个ID的内容。

提前感谢您的帮助。

Answer 1

您可能只需要重新解析DOM。将您的按钮放在一个带有'fb'id的容器中，如下所示：

<div id="fb"><div class='fb-share-button' data-href='https://gloopal.com/search2.php?TID="+ tid +"' data-layout='button'></div></div>

然后在jQuery追加

之后尝试这个

FB.XFBML.parse(document.getElementById('fb'));

Facebook开放图表不起作用

1 个答案: