Google+:同一页面上的多个+1,不同的内容

时间:2012-07-19 21:33:04

标签: google-plus

我试图找到答案(在开发文档和这里),但没有运气。

“+1按钮”在普通页面上工作正常(只有单个+1)。但我有一个包含多个实体的页面(使用Drupal的条款:一个显示多个节点的视图),我想在其中添加“共享按钮”。到目前为止,我已经添加了Twitter和Facebook。 Twitter是最简单的,因为它只需要你给它的字符串.. Facebook需要一个网址,但您可以指定自己的网址。 当我尝试为+1指定我自己的网址时,我收到此错误:

Unsafe JavaScript attempt to access frame with URL http://one80.seasites.se/whats-up from frame with URL https://plusone.google.com/_/+1/hover?hl=sv&url=http%3A%2F%2Fone80.seasites.se%2Fwhats-up%2Fl%25C3%25B6rdag&t=1342724634133&source=widget&isSet=false&referer=http%3A%2F%2Fone80.seasites.se%2Fwhats-up&jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fgapi%2F__features__%2Frt%3Dj%2Fver%3Dr4LFRxx-_oY.sv.%2Fsv%3D1%2Fam%3D!ZCfx2q5v6YmYvWjcTQ%2Fd%3D1%2Frs%3DAItRSTNI50TT3SY8R9klRLc_1sBJ5_Rp3g#id=I3_1342724634541&parent=http%3A%2F%2Fone80.seasites.se&rpctoken=619983104&_methods=mouseEvent%2CtrackingEvent%2ConVisibilityChanged%2C_onopen%2C_ready%2C_onclose%2CcloseOrHideThisBubble%2C_close%2C_open%2C_resizeMe%2C_renderstart. Domains, protocols and ports must match.
 rs=AItRSTOQ10u7fGwgD-LqzsOa-fsgdlhDCg:173
ec.a.v rs=AItRSTOQ10u7fGwgD-LqzsOa-fsgdlhDCg:173
xh rs=AItRSTOQ10u7fGwgD-LqzsOa-fsgdlhDCg:203
q.get rs=AItRSTOQ10u7fGwgD-LqzsOa-fsgdlhDCg:211
ec.w rs=AItRSTOQ10u7fGwgD-LqzsOa-fsgdlhDCg:173
Rh rs=AItRSTOQ10u7fGwgD-LqzsOa-fsgdlhDCg:208
q.w rs=AItRSTOQ10u7fGwgD-LqzsOa-fsgdlhDCg:220
Rb rs=AItRSTOQ10u7fGwgD-LqzsOa-fsgdlhDCg:30
Xg rs=AItRSTOQ10u7fGwgD-LqzsOa-fsgdlhDCg:187

(匿名函数)rs = AItRSTOQ10u7fGwgD-LqzsOa-fsgdlhDCg:226

解释我为什么要使用单独的网址: 每个节点都像一个事件,每个节点都有自己的url(包含图像和文本/信息)。所以,当你点击Like(对于FB)时,它会得到标题,信息&图像并将其包含在帖子中(所以它说“怎么了 - 收集”,而不是通用的“怎么了”,没有/相同的图像)。 我想用G +完成同样的事情。

有没有办法为G +做到这一点?我错过了什么吗?

我想一种方法是通过为每个节点使用iframe并使用g + -button拉入特殊版本的“节点页面”。但这是一个非常讨厌的黑客(并没有那么有趣的设置)。

欢迎任何想法!

1 个答案:

答案 0 :(得分:2)

您看到的错误实际上是由Chrome中的问题引起的。 +1按钮应自动恢复。

您可以使用href attribute明确指定目标网页。您的标记在实践中将如下所示:

<g:plusone href="http://example.com/targeturl"></g:plusone>

或者像这样使用HTML5语法:

<div class="g-plusone" data-href="http://example.com/targeturl"></div>

如果这些不起作用,您是否可以共享指向您看不到的页面的链接?我可以看一下:))