如何为移动网站社交按钮使用桌面版本页面网址

Question

我想在网站的移动版本上使用社交按钮。 但是我面临的问题是让他们使用桌面版本页面的url。

假设我有一个页面“ m.domain.com/some-page”，桌面版本的网址为“ domain.com/some-page”。 当我加载社交按钮时，它们不会显示同一页面的桌面URL所存在的计数。

目前份额数已遍及移动和台式机版本。

我使用一个php文件来延迟加载按钮。 这是文件头的代码段，其后是按钮脚本：

<?php
$permalink = "http://domain.com" . $_SERVER['REQUEST_URI'];
$title = $_GET['title'] ? $_GET['title'] : $_POST['title'];
?>

但这并没有给我预期的结果。 调用该文件的代码是：

<script type="text/javascript">
function get_share_buttons(permalink,title){
    var url = 'http://m.domain.com/folder/shareButtons.php';
    $('#share-buttons').load(url,{permalink:permalink,title:title});
}
$(window).bind("load", function() {
    get_share_buttons('<?php the_permalink() ?>','<?php the_title(); ?>');
});
</script>

请为我提出解决方案。 谢谢。

Answer 1

如果您为社交链接提交移动URL（ m.example.com ），则将使桌面用户单击移动URL。 而且，就像您说的那样，链接统计信息将分别计算移动和桌面域。

最好对所有外部链接使用通用域。 通常，这将是“桌面”版本，例如www.example.com 。

在移动版本的html头中，添加指向桌面版本的rel="canonical"标签。 将桌面版本URL用于所有社交按钮链接。

<link rel="canonical" href="http://www.example.com/"/>

对于访问通用/桌面URL的访问者（和搜索引擎），在桌面版本上添加指向移动版本的rel="alternate"标签。 您可以在此处使用CSS媒体查询来添加设备检测：

<link rel="alternate" href="http://m.example.com" media="only screen and (max-width: 1080px)"/>

您还可以添加进一步的设备检测，如果检测到移动设备，该设备重定向或提供指向移动版本的链接。