html - Twitter / Facebook 共有の動的 URL

Question

カスタム共有リンクを作成しようとしているので、クリックすると現在の URL が共有されます。これは分かります

<a href="http://twitter.com/share?text=An%20Awesome%20Link&url=http://www.google.com">
Share This on Twitter</a>

しかし、それを動的にする方法はありますか?ハードコーディングされたリンクではなく、ユーザーがいるページの URL を取得して共有します。

ありがとう

score 2 · Accepted Answer

Javascript では、以下を使用できます。

document.URL

現在のURLを提供します

と

document.title

このページのタイトルを取得するため

jQueryまたはjavascriptを使用すると、href属性を設定できます

例：

$('a').on('click', function() {
    $(this).attr('href', 
        'http://twitter.com/share?text='+document.title+'&url=' + document.URL);
});

別の方法：

score 0 · Accepted Answer

これを使って

<a data-count='horizontal' expr:href='data:post.canonicalUrl' href='http://twitter.com/share' rel='nofollow' target='_blank'>Share on twitter</a>

パッティング expr:href='data:post.canonicalUrl' はトリックを行います。

score 0 · Accepted Answer

jQuery の場合:

$('a').on('click', function() {
    document.location = 'http://twitter.com/share?text=' + document.title + '&url=' + window.location.href;
});

3 に答える 3