2

ウェブサイトのモバイル版でソーシャル ボタンを使用したいと考えています。しかし、私が直面している問題は、デスクトップ版のページの URL を使用することです。

デスクトップバージョンのURL「domain.com/some-page」を持つページ「m.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

ソーシャル リンクのモバイル URL ( m.example.com) を送信すると、デスクトップ ユーザーがモバイル URL をクリックするようになります。そして、あなたが言ったように、リンク統計はモバイルとデスクトップのドメインを区別してカウントします.

すべての外部リンクにユニバーサル ドメインを使用することをお勧めします。通常、これは「デスクトップ」バージョンになりますwww.example.com。

rel="canonical"モバイル バージョンの HTML ヘッドに、デスクトップ バージョンを指すタグを追加します。すべてのソーシャル ボタン リンクにデスクトップ バージョンの 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 に答える