单页上有多个Google+分享按钮

时间:2013-02-28 11:22:10

标签: html google-plus sharing

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

<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按钮。

2 个答案:

答案 0 :(得分:3)

您可以在同一页面上拥有多个共享按钮。共享按钮不必显示在您共享的页面上。如果您使用data-href attribute(HTML5模式)或href(&lt; g:加/&gt;模式),则共享按钮可以单独使用不同的网址。

您要做的是指向可以为给定上下文提供适当snippet data的不同网址。如果您使用的是服务器端语言(如PHP),这很简单,您可以使用myfile.php?page=page1myfile.php?page=page2,然后为这两种情况自定义输出。如果您有没有服务器端控件的静态内容,则可能必须使用两个单独的页面。如果您需要访问者最终访问同一目标页面,则可以使用重定向将其推送到正确的页面,当他们关注链接时。

尽管如此,您可能希望check the Google+ developer policies确保您尝试做的事情是允许的,并且不会误导用户。

答案 1 :(得分:0)

在想要显示谷歌分享按钮的地方添加beloaw 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);
        })(); 

此代码也将使用完整的转发器。