Question

我已将Google+分享网址添加到我的网站（不是+1）。但是，它共享整个页面，而不是我想要链接到的特定文章。我的文章标题有一个锚点ID，但是当我将它添加到共享的网址时，它就不会把它拿起来......

<a href="https://plus.google.com/share?url=http://mywebsite.com/pagetitle.html#anchorid" title="Google+" target="_new"></a>

页面的徽标和简短说明显示，但不会链接到特定文章。

非常感谢任何帮助！

Answer 1

据我所知，Google+分享按钮目前仅适用于整页，而不适用于各个部分唯一的方法，虽然不是非常用户友好，但是将每个内容分成单个页面。

任何人 - 如果我错了，请纠正我。

Answer 2

您需要使用共享按钮而不是共享网址才能与锚点共享链接。即使编码锚点的URL也会导致它们从与链接共享的URL中被剥离。使用按钮时，请指定href值以包含所需的特定锚点。

如果需要共享链接，则采用另一种方法 ....

将在您的网站上实施锚点的替代方法。例如，使用http://mysite.com/?article=myarticleid，其中myarticleid与锚点相同，并在页面加载（源）上检查它。

function getParameter(param) {
            var val = document.URL;
            var url = val.substr(val.indexOf(param))  
            var n=url.replace(param+"=","");
            alert(n); 
}
var anchor;

function checkForAnchor(){
  anchor = getParameter("myarticle");

  // Do something with anchor, see code examples below.
}

window.onload = checkForAnchor;

然后在checkForAnchor（）函数的末尾添加一些JavaScript，它将在加载时将页面滚动到正确的位置或者只是跳转到锚点。

在jQuery中，您可以像（source）：

那样为该效果设置动画

jQuery('html,body').animate({scrollTop: jQuery('#' + anchor).offset()}, 1000);

在标准JavaScript中，您只需更改位置并附加锚点：

window.location = '#'+id;

Google+分享特定文章

2 个答案: