谷歌+ +1 来自 Flash 的按钮（或以编程方式来自 JS）

发布于 2024-12-05 19:47:46 字数 256 浏览 0 评论 0 原文

我正在尝试弄清楚如何允许用户从 Flash 中单击 Google+“+1”按钮。通过阅读 Google+ 文档并检查他们的脚本正在执行的操作，我没有看到任何方法，并且想知道是否有人已经解决了这个问题。

问题是他们的脚本创建了一个指向 Google 子域的 iFrame。因此，由于跨域策略，我无法触发按钮单击。我不能简单地调用他们正在调用的相同 URI，因为它已被编码并且它们的编码可能会改变。我找不到任何有关如何以编程方式调用 +1 等的文档...

有什么想法吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

━╋う一瞬間旳綻放 2024-12-12 19:47:46

Google Plus 没有可以直接嵌入 flash 的 +1 按钮版本，以及 API 他们刚刚发布的是只读的，因此您不能使用方法通常适用于 facebook like 按钮。

我的建议是在 Flash 对象顶部有一个绝对定位的 DIV 标记，您将在需要时调用该标记，并且可以使用 href 参数。我使用显式模式进行标记渲染，以展示如何动态准备标记。

下面是一些使用 jquery 制作动画的示例代码。

<style type='text/css'>
        .gplus-container {
           display: none;
           position: absolute;
           top: 8px;
           left: 98px;
       }
</style>

<div id="flash-container">
    Flash content, click!
</div>
<div class="gplus-container">
    <div class="g-plusone" data-href="http://jsfiddle.net" ></div>
</div>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {parsetags: 'explicit'}
</script>

<script type="text/javascript">    
$(function(){
    $('#flash-container').click(function(){
        $('.gplus-container').fadeIn();
            gapi.plusone.go();
        });        
});   
</script>

您还可以在 jsfiddle 上测试此示例代码。

Google Plus does not have a version of +1 button which can be directly embedded into flash, and the API they have just released is read-only, therefore you can't use methods which normally works for the facebook like button.

What I'd suggest is to have an absolutely positioned DIV tag on top of your flash object which you will invoke when needed, and you can pass the correct URL to "like" using the href parameter. I'm using explicit mode for tag rendering to show how you can dynamically prepare the tag.

Here's some sample code which uses jquery for the animations.

<style type='text/css'>
        .gplus-container {
           display: none;
           position: absolute;
           top: 8px;
           left: 98px;
       }
</style>

<div id="flash-container">
    Flash content, click!
</div>
<div class="gplus-container">
    <div class="g-plusone" data-href="http://jsfiddle.net" ></div>
</div>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {parsetags: 'explicit'}
</script>

<script type="text/javascript">    
$(function(){
    $('#flash-container').click(function(){
        $('.gplus-container').fadeIn();
            gapi.plusone.go();
        });        
});   
</script>

You can also test this sample code on jsfiddle.

回复收藏 0 原文

~没有更多了~