網站架設

Addthis免費網站社交工具,加入社群分享&追蹤按鈕、彈出訂閱、橫幅通知視窗等功能。



Addthis社群按鈕教學
Addthis免費的網站架設延伸工具,可以為網站加入分享、社群追蹤圖示(FB,IG…)、相關文章延伸閱讀、網站通知提示、彈出信箱訂閱視窗、捐款贊助等等的社交擴充按鈕,所有工具皆為免費使用。操作上也非常簡單,直接在管理後台以直覺介面,開啟功能與設定樣式,在將產生的程式碼貼到網站中即可,另外Addthis還能進一步分析點擊轉換率與檢視流量成效報表,經營部落格相當好用。




由此前往:Addthis網站社群按鈕&社交擴充工具




Addthis為網站加入社群按鈕 教學
STEP1

前往Addthis網站,免費註冊帳號。
Addthis社群按鈕教學1

STEP2

接著到Addthis管理後台選擇要新增的網站工具:社群分享按鈕、Follow追蹤按鈕、在網站上下橫幅顯示連結&推廣資訊按鈕、電子郵件蒐集視窗、延伸相關文章、讀者捐款按鈕…。
Addthis社群按鈕教學2

STEP3

設定按鈕顯示樣式與位置:浮動按鈕、彈出視窗、Banner橫幅、固定頁面按鈕等。
Addthis社群按鈕教學3

STEP4

預覽看看在電腦版&行動裝置版網站所呈現的樣子,並自訂社群按鈕(Facebook,LINE,Instagram,Twitter,Google+…)。
Addthis社群按鈕教學4

STEP5

一個網站可以放置多種社群工具,所有功能皆免費使用,也能針對不同的裝置產生不同的社交工具。
Addthis社群按鈕教學5

STEP5

完成編輯後,取得程式碼,將<!-- 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-xxxxxx"></script> 新增到網站的</body>之前(一個帳號一個網站只須放置一次)。


類似的以下程式碼,則是依照不同工具,擺放到頁面中要顯示按鈕的位置。
<!-- Go to www.addthis.com/dashboard to customize your tools --> <div class="addthis_inline_share_toolbox"></div>
Addthis社群按鈕教學6

STEP6

分析按鈕點擊成效。
Addthis社群按鈕教學7


延伸閱讀:Zotabox網站加入線上客服視窗