您在這裡

添加AddThis分享按鈕

James Qi 在 2018年3月6日 - 11:00 發表

  以前使用過“百度分享”按鈕代碼嵌入到網站中,在《Drupal網站改http為https訪問》這篇文章裡面還記錄了baiduShare代碼改為支持https的辦法,但國外站基本都沒有添加。

  上個星期和同事一起查看定期網站統計分析的時候,專門去看了百度站長平台、Google Search Consol裡面的一些數據,有部分外部鍊接來自社會化媒體分享,都是用戶自己主動做的,我們網站上連分享按鈕都沒有提供。

  所以今天特意在網上搜了一下,國外站用AddThis的比較多,我就注冊了一個帳号,進去可以進行設置、獲取代碼,然後放置到網站模闆中就可以了。

  可選的工具有不少(Shares, Follows, Related Posts, List Building, Link Promotion, Archieved),我們目前隻用到Shares這種,這種裡面又有很多格式(Floating, Inline, Expanding, Image Sharing, Popup, Banner, Slider),我們就先用整整規格的Inline格式,這裡面還可以進行很多設置(Share Counters我關閉了,Social Networks我使用了自定義,還有一些設計方面以及高級設定)。

  然後可以獲取到這樣類似一段代碼:

<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5a9d922b710467fb"></script>
<div class="addthis_inline_share_toolbox_d4oi"></div>

  添加到網站模闆中就可以,類似添加廣告代碼、統計代碼差不多的辦法。

  我設置了多個Inline的Share Button,國内和國外使用不同的分享按鈕代碼,國内選擇分享到微信、微博、QQ空間,國外選擇分享到Facebook, Twitter, Google Plus。

  上面代碼采用了//相對協議,所以對http://和https://都支持。我在Drupal站和MediaWiki站都添加了幾個試一試,PC版本和手機版本都可以,AddThis支持響應式設計。另外,我先擔心國内看不到或者打開慢,後來測試還可以。

  放置了一段時間之後在AddThis站後台可以看到有訪問統計和分享次數的統計數據。


  2018年3月25日補充:從統計後台來看,這種分享按鈕還是很有用的,大約每天有10個左右的分享,如果是一年就有幾千個社交媒體分析,積累下來是非常有用的。從addthis發來的郵件列表中說,最好是在頁面中放置兩個或者更多的分享按鈕,以便用戶看到和使用。剛開始為了不太影響用戶體驗,我們隻放置了固定位的Inline格式按鈕,前兩天我們嘗試了一下添加一個Floating格式懸浮按鈕,沒有想到統計後台看到分享數量馬上飙升,達到每天60-80個,是以前的很多倍,如下圖:

  辦法是在add this後台增加一個floating分享按鈕,電腦版是固定在右側距離頂部20%高度的地方,手機版設置的是懸浮在底部(如果出現adsense懸浮廣告的話,會遮住這個底部分享按鈕),其它的設置與固定位按鈕類似。這樣在後台增加floating按鈕以後,已經有固定分享按鈕的模闆都不需要更改,直接就可以再顯示一個浮動按鈕出來。這對于我們提高權重、提高收錄、展示、流量都很有利!

自由标簽:

發表新回應

Plain text

  • 不允許使用 HTML 標籤。
  • 自動將網址與電子郵件地址轉變為連結。
  • 自動斷行和分段。