加载代码作为网页中的第一件事？

Question

如何让以下代码加载到我网站的第一件事？事实上我希望href加载第一件事。

<link rel="image_src" href="" id="ShareImageID"/>
<script>
var ShareImageIdVar = location.href.match(/\d+/);
document.getElementById('ShareImageID').href = "http://www.mysite.com/Images/"+ ShareImageIdVar +".jpg";
</script>

我想要做的是，当有人在Facebook上分享这个页面时，我希望facebook将这张图片加载为缩略图。所以我希望在页面加载后立即填写这个herf。

Answer 1

  

我想要做的是，当有人在Facebook上分享这个页面时，我希望facebook将这张图片加载为缩略图。

我认为这个要求没有意义。 正在加载订单不会影响Facebook提供的页面预览图标。 Facebook插入的图像可能根本不会被Facebook看到。

如果您想让Facebook选择特定的预览图标，请使用Open Graph Protocol，即

  

og:image - 图像网址，应代表图表中的对象。

来自OGP网站的一个例子：

<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />

Answer 2

The Open Graph protocol和Facebook Object Debugger有一些信息。

Answer 3

这是否必须在JavaScript中完成？如果您可以使用PHP，您可以从查询字符串中获取图像ID，并在Facebook解析文档之前插入动态链接元素。

这对我有用：

<?php
    echo "<link rel=\"image_src\" href=\"" . $_GET['id'] . ".png\"/>";
?>

您可以使用以下网址：

http://mysite.com/index.php?id=12345

我不是说在JavaScript中这是不可能的，但我试过并且Facebook没有看到插入的图像。

您可以使用Facebook debugger进行测试。具体来说，请查看确切了解我们的抓取工具为您的网址所看到的内容，您会发现它没有包含JavaScript插入内容。