多个谷歌+分享按钮在单一页面

Question

我想有一个网站上两个不同的按钮分享谷歌+。这两者必须有不同的摘要文本。我设置了这样的元描述:

<meta property="og:title" content="TITLE">
<meta property="og:description" content="CONTENT">
<meta property="og:image" content="IMAGE_URL">
<meta property="og:url" content="URL">

但是有了这样的设置，两个按钮共享相同的文本，图像等。有没有办法在分享链接中更改这些设置?我不想要+1按钮

Answer 1

您可以在同一页面上有多个共享按钮。共享按钮不必出现在您正在共享的页面上。如果你使用data-href属性(HTML5模式)或href (模式)。

您要做的是指向不同的url，这些url可以为给定的上下文提供适当的代码片段数据。如果您使用的是PHP之类的服务器端语言，这很容易，您可以使用myfile.php?page=page1和myfile.php?page=page2，然后为这两种情况定制输出。如果您的静态内容没有服务器端控件，则可能必须使用两个单独的页面。如果你想让访问者最终到达同一个目标页面，你可以使用重定向，当他们遵循链接时，将他们推送到正确的页面。

也就是说，你可能需要检查Google+开发者政策，以确保你所做的事情是允许的，并且不会误导用户。

Answer 2

在想要显示google分享按钮的地方添加div

<g:plus action="share" href="Your Url" annotation="none"></g:plus>

添加脚本

<script type="text/javascript">
    function pageLoad() {
        window.___gcfg = {
            lang: 'en-US'
        };
        (function () {
            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
            po.src = 'https://apis.google.com/js/plusone.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
        })(); 

此代码也将使用full in中继器