4

ユーザーがFlash内からGoogle+の「+1」ボタンをクリックできるようにする方法を見つけようとしています。Google+のドキュメントを読んで、スクリプトが実行されていることを確認したところ、方法がわかりません。誰かがこれをまだ解決したかどうか疑問に思っていました。

問題は、彼らのスクリプトがGoogleサブドメインを指すiFrameを作成することです。そのため、クロスドメインポリシーのため、ボタンクリックをトリガーできません。エンコードされており、エンコードが変更される可能性があるため、呼び出しているのと同じURIを単純に呼び出すことはできません。プログラムで+1などを呼び出す方法に関するドキュメントが見つかりません...

何か案は?

4

1 に答える 1

3

Google Plusには、フラッシュに直接埋め込むことができる+1ボタンのバージョンがなく、リリースされたばかりのAPIは読み取り専用であるため、Facebookのようなボタンで通常機能するメソッドを使用することはできません。

私が提案するのは、フラッシュオブジェクトの上に絶対位置にあるDIVタグを配置し、必要に応じて呼び出すことです。hrefパラメーターを使用して正しいURLを「like」に渡すことができます。タグのレンダリングに明示モードを使用して、タグを動的に準備する方法を示しています。

アニメーションに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でテストすることもできます。

于 2011-09-20T18:52:45.863 に答える