如何在iframe中加载谷歌加分享按钮
How to load google plus share button in iframe?
谁能给我一个解决方案,关于如何在 iframe 中异步加载 Google plus 共享按钮(不是 +1 按钮(。我已经设法为 +1 按钮做到了这一点。
试试这个 html 片段:
<iframe src="https://plusone.google.com/_/+1/fastbutton?bsv&size=medium&hl=en-US&url=http://test.com/&parent=http://test.com/" allowtransparency="true" frameborder="0" scrolling="no" title="+1"></iframe>
如果您尝试做的是在用户将鼠标悬停在某物上时显式呈现按钮,则需要做的是使用显式呈现流,如下所述:
https://developers.google.com/+/plugins/+1button/
但是,有一个转折点,因为您使用的是共享按钮,因此无法使用显式呈现代码直接呈现到div。相反,您将创建共享链接,将呈现设置为显式,然后可以使用 JavaScript 触发共享按钮的呈现。
相关代码为:
<html>
<head>
<title>+Share: Explicit render</title>
<link rel="canonical" href="http://www.example.com" />
<script type="text/javascript">
window.___gcfg = {
lang: 'en-US',
parsetags: 'explicit'
};
function renderShare() {
gapi.plus.go(); // Render all the buttons
}
</script>
</head>
<body>
<a href="#" onClick="renderShare();">Render the share control</a>
<!-- a share button that will get rendered when gapi.plus.go is called -->
<div class="g-plus" data-action="share" id="share-div"></div>
</body>
<script type="text/javascript">
// Asynchronously load the plusone script, for performance
(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);
})();
</script>
</html>
对于您来说,我猜您正在尝试使用不同的触发器来呈现 +1 按钮,而不是用户明确必须单击的按钮,您可以只使用适当的事件来触发渲染。
相关文章:
- 谷歌地图固定位置覆盖
- 不显示带有本地json文件数据的谷歌地图脚本
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- 谷歌放置API:按国家或餐馆名称搜索餐馆
- 谷歌地图标记不会显示
- 无法在JS中显示谷歌地图
- 科尔多瓦页面类应用程序中的多个谷歌地图
- 使用谷歌应用程序脚本将服务器端数据表返回到客户端
- 需要帮助谷歌地图方向面板在FancyBox中显示
- 在谷歌地图上获取事件的x,y坐标
- 使用谷歌应用程序脚本从工作表中获取值并将其显示在文本框中
- 谷歌地图API v3不适用于移动浏览器或PhoneGap
- 模拟谷歌地图中的点击
- 与谷歌加分享,并获得成功或不回应
- 如何在iframe中加载谷歌加分享按钮
- 谷歌社交互动分析与汤博乐分享按钮
- 显示提醒MSG分享你的位置谷歌地图
- 在谷歌地图评论中添加一个分享按钮
- 如何跟踪Facebook分享按钮在谷歌分析(Analytics .js)
- 添加一个分析事件到谷歌课堂分享按钮