将文本设置为Google +分享按钮

我正在创建一个拥有g +分享按钮的页面,但我想动态更改要共享的内容描述。 自定义共享按钮我正在使用Open Graph协议的片段。

我尝试的解决方案如下,但无法正常工作:

<meta property="og:title" content="O Fabuloso Gerador De Lero Lero v3" />
<meta property="og:image" content="images/robot.png" />
<meta property="og:description" content="..." />
$('meta[property="og:description"]').attr('content',text);

var shareButtons = $('div:first','section.share-buttons');
shareButtons.html('');
shareButtons
    .prepend('<a href="https://twitter.com/share" class="twitter-share-button" data-text="' + text.trunc(120,true) + '" data-url="http://goo.gl/1KHFM" data-lang="pt">Tweetar</a>')
    .prepend('<div class="g-plus" data-action="share" data-href="http://lerolero.miguelborges.com/t=' + new Date().getTime() + '" data-annotation="bubble"></div>');

try {
    window.twttr.widgets.load();
    window.gapi.plus.go();
} catch(e) {}

但是,分享按钮中的描述内容始终是最初的内容。

任何人都知道如何使它工作?

编辑:

我有与按钮twitte同样的问题,但设法解决这个问题:

        shareButtons
            .prepend('<a href="https://twitter.com/share" class="twitter-share-button" data-text="' + text.trunc(120,true) + '" data-url="http://goo.gl/1KHFM" data-lang="pt">Tweetar</a>');

        window.twttr.widgets.load();

页面的片段由服务器端页面抓取生成。 页面抓取器不执行JavaScript。 这就是为什么您对该元素所做的更改未在您的份额中表达。

您可以使用get参数和指定目标来解决此问题。

  • 配置您的页面以接受描述作为GET参数。 例如,http <meta property="og:description" content="foobar" />会导致您的Open Graph标签看起来像这样: <meta property="og:description" content="foobar" />
  • 当您呈现您的共享链接,共享按钮或+1按钮时,使用GET参数指定所需描述的目标页面。 对于分享按钮,您的标记可能如下所示: <div class="g-plus" data-action="share" data-href="http://example.com/?desc=foobar"></div>
  • 但是,这会影响计数。 如果您通过+1按钮使用此技术,则每个描述将被视为一个不同的页面,计数将分别累积。


    我知道Facebook缓存信息的描述和其他元。 看来根据这个链接,Google +也是如此。 它似乎被缓存了无限期的时间......这会使您的情况几乎不可能,这取决于您想更改内容的频率。 要么,要么等待几天,看看它是否改变。 我想指出,珍妮也是正确的,但经过这一切后,你很可能仍然不会得到理想的结果。

    链接地址: http://www.djcxy.com/p/11075.html

    上一篇: set text to google+ share button

    下一篇: best plugin for charts