在网页中首先加载代码

load a code as the first thing in a webpage?

本文关键字:加载 代码 网页      更新时间:2023-09-26

如何在我的网站上首先加载以下代码?事实上,我希望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>

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

我想做的是,当有人在脸书上分享这个页面时,我希望脸书将这个图片加载为缩略图。

我认为这个要求没有道理加载订单不会影响Facebook提供的页面预览图标。通过JavaScript插入的图像可能根本看不到Facebook。

如果你想让Facebook选择一个特定的预览图标,请使用Open Graph Protocol,即

og:image-一个图像URL,它应该表示图形中的对象。

OGP网站上的一个例子:

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

Open Graph协议和Facebook对象调试器提供了一些信息。

这必须在JavaScript中完成吗?如果你可以使用PHP,你可以从查询字符串中获得图像ID,并在Facebook解析文档之前插入动态链接元素。

这对我有效:

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

你会使用一个类似的URL:

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

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

您可以使用Facebook调试器进行测试。具体来说,看看,看看我们的scraper对您的URL看到了什么,您会发现它没有包含JavaScript插入。