2

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

假设我有一个页面“m.domain.com/some-page”，桌面版 url 为“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>

请建议我解决我的问题。谢谢。

4

1 回答 1

0

如果您m.example.com为社交链接提交移动 URL ( )，您将使桌面用户点击移动 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)"/>

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

于 2017-09-12T11:19:05.577 回答