如何为脸书image_src添加链接标签
How to add link tag for image_src for facebook?
我正在尝试使用 javascript 在 head 标签中添加带有 rel image_src 的链接标签,以便我可以在此页面的共享链接期间在 facebook 中获取图像。
var linkTag='<link rel="image_src" href="https://graph.facebook.com/picture" />';
var headHTML = document.getElementsByTagName('head')[0].innerHTML;
headHTML += linkTag;
document.getElementsByTagName('head')[0].innerHTML = headHTML;
上面的代码完美地在头部标签中添加了链接,但问题是当我分享此页面的链接时,facebook 没有得到这张照片。
当我手动在头部添加此链接标签时,facebook 会完美地选择此图像,但是当我使用 javascript 添加此链接标签时,Facebook 不会选择该图像。
为什么会这样?
如何解决此问题?请帮忙。
我不太明白您的<link>
标签应该提供什么,因为这些标签通常用于样式表。如果是这样,您的代码应如下所示:
<link rel="stylesheet" type="text/css" href="https://graph.facebook.com/picture/mycss.css">
查看 http://www.w3schools.com/tags/att_link_rel.asp,了解您可以传递给rel
所以,你应该像:
var linkTag = document.createElement('link'),
head = document.getElementsByTagName('head')[0];
linkTag.setAttribute('rel', 'stylesheet');
linkTag.setAttribute('type', 'text/css');
linkTag.setAttribute('href', 'https://graph.facebook.com/picture/mycss.css');
head.appendChild(linkTag);
如果这不是您所需要的,...它至少会给你一个关于如何正确执行此操作的提示,因为 innerHTML 不适用于 .
在您的情况下(正如您所写的那样),它将是:
var linkTag = document.createElement('link'),
head = document.getElementsByTagName('head')[0];
linkTag.setAttribute('rel', 'image_src');
linkTag.setAttribute('href', 'https://graph.facebook.com/picture');
head.appendChild(linkTag);
祝你好运!
相关文章:
- 如何使用Angular动态添加iframe-src
- 如何使用jquery或javascript在image src中添加域url
- 如何将静态字符串添加到受信任的 ng-src
- 如何在 html 页面上动态添加路由到脚本 src
- iframe src 使用现有值在单击时添加自动播放=true 参数
- 获取在 <脚本 src >标记中添加的请求 URL 的状态
- 在图像不起作用的 src 中添加 jQuery 变量
- 使用给定的 src 将类添加到
s
- 找到 IMG ID 和 src 并添加到数组中
- 将图像 src 添加到 JavaScript 中的数组中,而无需 http 地址
- 在 html 中添加一个 node_module 作为 javascript src
- 为什么要添加“+”和双引号来访问对象的 src
- 更改Vimeo Embed的iframe SRC添加到历史记录API
- 如何在 src 中添加 canvas.toDataURL
- 动态添加链接到IMG雄鹿,IMG SRC作为链接REF
- 如何使用 jquery 在我的 IMG SRC 上添加路径
- 谷歌标签管理器添加&instrad of just&转换为脚本src
- 当脚本src添加到head时,不会调用jQuery函数
- 使用Javascript/JQuery为img src添加前缀
- Angular -如何给ng-src添加参数