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

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

比方说，我有一个页面“m.domain.com/some-page”与桌面版本url“domain.com/some-page”。当我加载社交按钮时，他们不显示同一页面的桌面网址存在的计数。

目前，手机和台式机版本的份额正在扩大。

我使用一个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>

请为我的问题提出解决方案。谢谢。

来源

2012-10-25 jsbisht

没有答案。如果我不清楚，请告诉我。我真的需要得到这个东西的工作。 – jsbisht

如果您为自己的社交链接提交移动URL（m.example.com），则会让桌面用户点击移动网址。而且，就像您所说的，链接统计信息将显着区分移动和桌面域。

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

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

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

游览通用/桌面网址的访客（和搜索引擎），在指向移动版桌面版添加rel="alternate"标签。你可以在这里使用CSS媒体查询添加设备检测：

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

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

来源

2017-09-12 11:19:05

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

回答

相关问题