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

Question

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

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

有什么想法吗？

Answer 1

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

我的建议是在您的 Flash 对象顶部有一个绝对定位的 DIV 标签，您将在需要时调用它，您可以使用 href parameter 将正确的 URL 传递给“喜欢”。我正在使用显式模式进行标记呈现，以展示如何动态准备标记。

这是一些使用 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 上测试此示例代码。