0

我想在我的博客中添加一个 Google+ 徽章。目前我在我的博客中添加了一个 google plus 徽章，并尝试通过以下代码向其中添加图像：

<div class="g-plus" data-width="208" data-height="69" style="float:left; direction:ltr;text-align:left" data-href="//plus.google.com/116527224364668694256" data-rel="author"></div>

<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); 
    po.type = 'text/javascript'; 
    po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(po, s);
    var iab = document.getElementsByClassName("iab")[0];
    iab.style.backgroundimage = "url('https://googledrive.com/host/0B7YvaD77pFw9cDczZnBRanFFVWs/img/avatar.jpg')";
  })();
</script>

输出是这样的：
我的 Google+ 徽章

我想在其中添加我自己的头像，但它无法正常工作。这段代码有什么问题，最好的方法是什么？

4

1 回答 1

1

无法在 Google+ 徽章上显示您的头像。这里的文档：

https://developers.google.com/+/web/badge/

具有可在徽章上配置的内容的最新信息。高级选项将让您设置可以显示更多或更少信息的徽章的宽度，但目前没有显示您的头像的选项。

徽章呈现代码将覆盖您在其上设置的任何样式，这就是为什么您的附加设置不会改变徽章的显示方式。

如果你只是想渲染你的头像，你可以使用谷歌 API 来完成它，如下面的谷歌 API 资源管理器所示：

https://developers.google.com/apis-explorer/#p/plus/v1/plus.people.get?userId=109716647623830091721&_h=1&

然后从返回的人员对象中检索个人资料照片。

于 2013-03-04T21:44:12.337 回答