单击Google + 1按钮后显示内容

时间:2013-03-04 11:27:20

标签: javascript jquery google-plus google-plus-one

我认为那些在社交媒体上分享我内容的人会有一些特别的内容,并且会开始研究这件事。

我设法让它与Facebook Likes和Twitter推文合作,但卡在谷歌+ 1。

此处的信息没有多大帮助:http://support.google.com/analytics/bin/answer.py?hl=en&answer=1366830

有人能告诉我如何在+1后立即注册+1并显示内容(隐藏div)

以下是我正在使用的代码:

HTML

<div class="g-plusone" data-size="medium" callback="cpg1callback"></div>

JavaScript

function cpg1callback(data){
      if (data.state == 'on') {
        $('.gpsuccessmsg').show("blind", { direction: "vertical" }, 500);
      }
}

我已经将JS代码放在一个链接在头文件中的js文件中,并且无法正常工作,我也尝试在关闭body标签之前放置该js代码但没有成功。这里的任何指导都会非常有用。

此致

2 个答案:

答案 0 :(得分:1)

在花了几个小时后,我终于开始工作了。分享这个可能有助于某人在同一问题上寻找答案。

如果默认+1按钮标记,您需要在callback属性中设置回调(functionname)才能使回叫工作。例如,+1按钮代码应为:

<g:plusone size="medium" callback="cpg1callback"></g:plusone>

对于HTML5有效语法,该属性应为data-callback。例如:

<div class="g-plusone" data-size="medium" data-callback="cpg1callback"></div>

我希望这会为你节省一些时间。

答案 1 :(得分:1)

您可能需要使用属性data-callback而不是callback,因为您使用的是div标签。有关详细信息,请参阅https://developers.google.com/+/web/+1button/#plusonetag上的文档。