社交媒体分享

时间:2012-04-25 13:17:59

标签: javascript jquery append query-string sharing

我想创建一组按钮,分享到各种社交媒体网站(Twitter,Facebook,Tumblr等)。

我目前正在开发Twitter分享器,我一直在寻找并找不到任何自定义代码,这些代码将获取当前URL并将其附加到网址而不强迫我使用Twitter共享图标而不是我自己的自定义图标。

以下是我正在处理的网站(右侧链接):http://www2.hull.ac.uk/files/tfa/index/content2.html

这是我目前的代码:

<a href="javascript:popup_share('http://twitter.com/share?text=Check%20out%20this%20page#tfa&url=')" class="twitter-share-button">
                                    Twitter
                                    <b></b>
                                </a>

<script>
    var pageName = window.location.toString();
    alert('http://twitter.com/share?text=Check%20out%20this%20page#tfa&url=' + pageName);
</script>

我无法弄清楚如何将警告框中的字符串添加到已存在的标记中!

需要动态创建URL,因为我希望它在网站范围内,并且每次都不会知道这些URL - 这是要与任何平台共享的URL。我已经浏览过Twitter网站,但在没有必要知道网站地址的情况下找不到任何可以做到的事情。

有人可以为此提供任何帮助吗?

非常感谢!

1 个答案:

答案 0 :(得分:3)

链接应该是

<a href="#" class="twitter-share-button">Twitter</a>

JavaScript应添加点击事件

$( function(){
    $(".twitter-share-button").click( function(e){
        popup_share('http://twitter.com/share?text=Check%20out%20this%20page#tfa&url=' + encodeURIComponent(window.location.href) );
        e.preventDefault();
    });
});