Blogger数据:post.url不起作用

时间:2018-07-06 23:10:16

标签: javascript html css html5 blogger

我正在尝试在Blogger上建立自己的社交共享链接 但是问题在于 data:post.url 无法检索当前帖子的URL,似乎根本无法使用。

这是我想做的更多细节:

1)我想创建自己的共享链接,以使我的网站比使用第三方插件/网站运行得更快-通常使用第三方插件/网站注入跟踪.JS且未对SEO进行优化。

2)我完全知道,要使 data:post.url 正常工作,我应该先添加表达式 expr ,然后添加 href ...例如: expr:href

3)因此,facebook共享按钮的最终代码如下:

<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' rel='nofollow' target='_blank' title='Facebook Share'><i class="fa fa-facebook" aria-hidden="true"></i></a>

当我将光标悬停在Facebook共享按钮上(或单击它)时,我收到http://www.facebook.com/sharer.php?u=,但没有当前URL,这意味着 data:post.url 无法正常工作

对此有解决方案或解释吗?

谢谢。

2 个答案:

答案 0 :(得分:2)

问题解决了!

此后,我在这里发布了这个问题,我打开了一个很久以前创建的旧博客,用于测试目的,并开始观察代码,直到找到类似的代码为止,这表明上述正确。

我做了一个测试,我像往常一样在结束 </body> 之前粘贴了此测试,但此测试无效。然后,我尝试将其粘贴到原始代码之前,然后猜怎么着?没问题!

好吧,这完全正常,多亏了article I read,我发现有两种类型的数据:可以在主题(全局)中的任意位置访问的那些数据(全局)以及那些只能在其相应的小部件(本地)下访问的对象

所以 data:post.url 是本地数据类型,只能在<发布>小部件下访问它。

如果您希望看到类似的代码功能,请搜索博客文章窗口小部件,并将其粘贴在其下方。

要找到博客文章窗口小部件,请打开主题的HTML,然后在键盘上单击 CTRL + F 并输入博客文章 ,您将被定向到 title ='博客文章',将您的代码粘贴到 <b:widget title='Blog posts'... </b:widget> 之间的任意位置。保存更改,然后访问您的网站以查看其工作原理!

对于共享按钮,我使用了可在主题中任何位置访问的另一种数据:我键入了 data:blog.url ,而不是 data:post.url strong>,以便我可以将代码放在</body>之前。

如果您想在我的博客上看到它的工作原理,Click Here

答案 1 :(得分:1)

应该可以。但是,如果没有,您是否尝试删除该Facebook链接上的双引号? 'http://www.facebook.com/sharer.php?u=+data:post.url'怎么样了?