分享Google+按钮问题

时间:2013-02-16 23:53:00

标签: javascript html css button

我正在尝试添加分享按钮到我的网站,我选择使用'sharrre.com'脚本所有工作都很好对于Twitter和Facebook但是对于谷歌+按钮它没有显示
这是我的代码:

$('#twitter').sharrre({
  share: {
    twitter: true
  },
  enableHover: false,
  enableTracking: true,
  buttons: { twitter: {via: '_JulienH'}},
  click: function(api, options){
    api.simulateClick();
    api.openPopup('twitter');
  }
});

$('#facebook').sharrre({
  share: {
    facebook: true
  },
  enableHover: false,
  enableTracking: true,
  click: function(api, options){
    api.simulateClick();
    api.openPopup('facebook');
  }
});
$('#googleplus').sharrre({
  share: {
    googlePlus: true
  },
  enableHover: false,
  enableTracking: true,
  click: function(api, options){
    api.simulateClick();
    api.openPopup('googlePlus');
  }
});

完整代码,请参阅我的JSfiddle
我跟着this demo

任何人都可以告诉我为什么没有出现Google+按钮?

4 个答案:

答案 0 :(得分:2)

您需要添加正确的 cURL网址参数

$('#google').sharrre({
  share: {
        googlePlus: true
  },
  urlCurl: '/ts-includes/sharrre.php',
  template: '<a class="box" href="#"><div class="count" href="#">{total}</div><div class="share"><span></span>+1</div></a>',

  enableHover: false,
  enableTracking: true,
  click: function(api, options){
        api.simulateClick();
        api.openPopup('googlePlus');
  }
});

对于WordPress,我正在使用:urlCurl: '<?php echo get_template_directory_uri() ?>/theme-includes/sharrre.php'

请记住将sharrre.php放在服务器/ localhost上的正确位置。

此处发布 - &gt; https://github.com/Julienh/Sharrre/issues/44

答案 1 :(得分:0)

您错过了一个文件。代码正在寻找sharrre.php(包含在下载中的sharrre)

在我运行的测试中,它在您拥有使用它的文件的同一目录中查找它(或者您可以只包含它)。访问该文件将解决您的问题。

答案 2 :(得分:0)

我认为问题对于我的googleplus脚本,我忘了添加urlCurl选项。
这是Google+旧功能:

 $('#googleplus').sharrre({
  share: {
    googlePlus: true
  },
  enableHover: false,
  enableTracking: true,
  click: function(api, options){
    api.simulateClick();
    api.openPopup('googlePlus');
  }
});

这是新的:

    $('#googleplus').sharrre({
  share: {
    googlePlus: true
  },
  enableHover: false,
  enableTracking: true,
  urlCurl: '',
  click: function(api, options){
    api.simulateClick();
    api.openPopup('googlePlus');
  }
});

答案 3 :(得分:0)

要记住的容易错过但非常重要的关键是将sharrre.php文件放在与上面提到的Stuart触及的sharrre.js文件相同的位置。希望我不会因为欺骗而受骗......这对我很有帮助。

在我将sharrre.php放在与.js文件相同的文件夹中之前,我尝试了一切无济于事。