在网页中首先加载代码
load a code as the first thing in a webpage?
如何在我的网站上首先加载以下代码?事实上,我希望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插入。
相关文章:
- 在不使用按钮的情况下加载代码
- 页面加载代码上的Javascript使其重新加载chrome扩展
- 在iOS应用程序中动态加载“代码逻辑”是否可行
- 文档就绪功能 - 不先加载代码
- parse.com 加载代码 HTTP 请求和查询
- 打开弹出窗口时加载代码
- 在重新加载代码段上设置 Bootstrap 当前选项卡,而不是在本地存储中存储最后一个选项卡
- 如何使用 docker fig 自动加载代码更改
- 如何将图像预加载代码集成到我的当前代码中
- 为什么这个javascript onclick加载代码在我没有明确告诉它的情况下运行
- 在网页中首先加载代码
- 图像预加载代码出现问题
- Js.单击以编程方式添加的事件,但在加载代码时仅触发一次
- 以编程方式加载Javascript文件,并在完成后加载代码
- 动态加载代码并获取解析错误的行号
- 在新窗口中加载代码编写器视图
- 加载代码在网站与ajax
- 更改 jQuery 加载代码
- 通过ajax加载代码编写器视图
- Webpack加载代码会动态拆分包