Cod*_*000 10 html javascript facebook reddit facebook-opengraph
当用户从我的网站共享内容时,缩略图中出现的图像通常是网站的徽标而不是图像本身.
我怎么能告诉reddit忽略徽标?
我搜索了很多,并找到了如何指定reddit应该与og imagemeta标签一起使用的图像的答案,但我不能这样做,因为我的网站是UGC的一部分,这意味着我不知道每个图像的绝对URL是什么.
编辑:
这似乎不适合我.它适用于你的吗?
<script>
function img_find() {
var imgs = document.getElementsByTagName("img");
var imgSrcs = [];
for (var i = 0; i < imgs.length; i++) {
imgSrcs.push(imgs[i].src);
}
return imgSrcs;
}var result = img_find();
$("meta[property='og:image']").attr("content", result[1]);
</script>
Run Code Online (Sandbox Code Playgroud)
你的代码
$("meta[property='og:image']").attr("content", result[1]);
Run Code Online (Sandbox Code Playgroud)
几乎是解决方案。我们来做最后一步:
$("meta[property='og:image']")
.attr("content", $('css_selector_of_the_img')[0].src);
Run Code Online (Sandbox Code Playgroud)
那么什么是css_selector_of_the_img?由于您有网站徽标,我假设您的图像周围有一些 HTML。图像可能有一个类名或放入容器中,例如css_selector_of_the_img可能是div.content img或img.uploaded其他什么。并扔掉你的 img_find 函数 J.