Кнопка +1 +1 от Flash (или программно от JS) - PullRequest
Новая
       28

Кнопка +1 +1 от Flash (или программно от JS)

4 голосов
/ 20 сентября 2011

Я пытаюсь выяснить, как разрешить пользователям нажимать кнопку Google+ "+1" из Flash. Прочитав документы Google+ и проверив, как работает их сценарий, я не вижу пути и задавался вопросом, решил ли кто-нибудь это еще.

Проблема в том, что их скрипт создает iFrame, который указывает на поддомен Google. Поэтому я не могу вызвать нажатие кнопки из-за междоменной политики. Я не могу просто вызвать тот же URI, который они вызывают, потому что он закодирован, и их кодировка может измениться. Я не могу найти документацию о том, как программно вызвать +1 и т. Д. *

Есть идеи?

1 Ответ

3 голосов
/ 20 сентября 2011

В Google Plus нет версии кнопки +1, которая может быть непосредственно встроена во флэш-память, а только что выпущенный API только для чтения, поэтому вы не можете использовать методы , который обычно работает для кнопки «Нравится» на Facebook.

То, что я бы предложил, это иметь абсолютно позиционированный тег DIV поверх вашего flash-объекта, который вы будете вызывать при необходимости, и вы можете передать правильный URL-адрес «like», используя параметр 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 .

...