如何使用桌面版網頁網址，爲移動網站社交按鈕

我想在我的網站的移動版本上使用社交按鈕。但是我面臨的問題是讓他們使用桌面版本頁面的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

如何使用桌面版網頁網址，爲移動網站社交按鈕

回答

相關問題