1

私は現在、作成中のソーシャル ネットワーキング ウィジェットに Google 共有ボタン (Facebook および Twitter と共に) を含むサイトを持っています。私がやりたいのは、テキストエリア フィールドにテキストを入力できるようにすることです。[送信] ボタンを押すと、テキストが Google+ ユーザーのウォールに共有されます (既に Facebook と Twitter の投稿が機能しています)。これで、「data-prefilltext」という Google+ の共有ボタン用のフィールドがあることがわかりました。これは、テキストエリアからのメッセージを設定しようとしているフィールドです。「送信」ボタンを押すと、「data-prefilltext」フィールドの値が変化するのを確認できますが、ポップアップ ウィンドウではテキストが変化しません。以下はコードです：

HTML:

<div id="googleplus-selector" title="App is what's new! Share it with your circles in Google+"
    class="social-networking-icons g-interactivepost"
    data-contenturl="http://plus.google.com/pages/"
    data-contentdeeplinkid="/pages"
    data-clientid="clientid.apps.googleusercontent.com"
    data-scope="https://www.googleapis.com/auth/youtube.readonly"
    data-cookiepolicy="single_host_origin"
    data-prefilltext="Share App with your circle of friends now!"
    data-calltoactionlabel="TRY_IT"
    data-calltoactionurl="http://plus.google.com/pages/"
    data-calltoactiondeeplinkid="/pages/create"
    data-href="http://mysiteurl">
        <div class="widget-mask"></div>
</div>

Javascript/jQuery:

var textElement = $('#social-message-text');
var text = textElement.val();
$('#google-plus-share-button').attr('data-prefilltext', text);

私が言ったように、Firebug または Google の開発者コンソール内の要素を検査すると、属性の値が変更されるのを確認できますが、Google 共有ポップアップ ウィンドウが開かれると、テキストの変更は反映されません。

私は現時点で少し困惑しているので、どんな助けでも大歓迎です。よろしくお願いします。

4

2 に答える 2

-1

次のコード例では、javascript を使用してボタンをレンダリングできます。

var options = {
                contenturl: 'https://dev.diesocialisten.at/google+/?v=5',
                clientid: 'YOUR CLIENT ID',
                cookiepolicy: 'single_host_origin',
                prefilltext: 'Developers, you should check this out!',
                calltoactionlabel: 'LEARN_MORE',
                calltoactionurl: 'https://dev.diesocialisten.at/google+/?v=5'
};
gapi.interactivepost.render('share-button', options); //button with the ID share-button
于 2014-09-30T02:24:09.617 に答える