如何将当前 og:url 复制到数据 href 以供 FB 评论
how to copy current og:url to data href for FB comment
我已经使用 Weebly 构建了我的网站,但是当我尝试将我的网站评论与 FB 评论相关联时出现问题。好久没解决,望高手指点。真心感谢!
示例博客 post:http://www.lifechem.tw/blog/170202
og:url 是:
<meta property="og:url" content="http://www.lifechem.tw/1/post/2017/02/170202.html" />
但默认的 Weebly FB 评论工具是针对 http://www.lifechem.tw/blog/170202 而不是当前的 og:url
我已经按照其他 post 的建议进行了尝试
<script>document.write('<div class="fb-comments" data-href="' + document.location.href + '" data-numposts="7"></div>');</script>
但结果与默认的 Weebly 工具相同。
我想在博客页脚中添加一个站点范围的代码,可以在不同的博客 post 中复制 og:url。
非常感谢!!
此内容在浏览器中显示的位置与您的 og:url 不同,因此仅设置可能无法解决问题。
但是您可以轻松地 select 具有该 属性 属性值的元元素,并使用如下方式获取内容:
document.querySelector('meta[property="og:url"]').content
(如果您需要支持不支持 querySelector 的旧浏览器,您可以使用 jQuery 之类的库,或者任何其他支持 select 属性的库。)
我已经使用 Weebly 构建了我的网站,但是当我尝试将我的网站评论与 FB 评论相关联时出现问题。好久没解决,望高手指点。真心感谢!
示例博客 post:http://www.lifechem.tw/blog/170202
og:url 是:
<meta property="og:url" content="http://www.lifechem.tw/1/post/2017/02/170202.html" />
但默认的 Weebly FB 评论工具是针对 http://www.lifechem.tw/blog/170202 而不是当前的 og:url
我已经按照其他 post 的建议进行了尝试
<script>document.write('<div class="fb-comments" data-href="' + document.location.href + '" data-numposts="7"></div>');</script>
但结果与默认的 Weebly 工具相同。
我想在博客页脚中添加一个站点范围的代码,可以在不同的博客 post 中复制 og:url。
非常感谢!!
此内容在浏览器中显示的位置与您的 og:url 不同,因此仅设置可能无法解决问题。
但是您可以轻松地 select 具有该 属性 属性值的元元素,并使用如下方式获取内容:
document.querySelector('meta[property="og:url"]').content
(如果您需要支持不支持 querySelector 的旧浏览器,您可以使用 jQuery 之类的库,或者任何其他支持 select 属性的库。)