fbpx

WordPress 社群分享外掛,使用 Addthis 建立分享按鈕、彈跳視窗

最後更新日期:2019 年 10 月 20 日

本篇文章要教你如何透過 AddThis 快速建立出 WordPress 社群分享按鈕、追蹤按鈕、彈跳視窗

AddThis 除了上面整些功能,還有流量統計、輕量級與整合型外掛可以使用,用途非常的廣。

WordPress 社群分享外掛,使用 Addthis 建立分享按鈕、彈跳視窗
WordPress 社群分享外掛,使用 Addthis 建立分享按鈕、彈跳視窗

AddThis 介紹

AddThis 是一間專門製作社群分享的公司,有自己獨立的網站,也有提供程式碼、外掛等等。

在所有網站都能使用,在 WordPress 也有專門的外掛,讓大家不需要接觸到程式碼。

其中最大的特點就是完全免費,而且可以幫你統計流量,真的是非常強大!

We’re on a mission to make the web personal

上面這句是 AddThis 的宗旨,其成立的目的是為了讓網站個人化

 

特色

AddThis 除了免費之外,還有以下幾個特色:

1. 讓網站容易被分享出去

2. 建立終生的粉絲

3. 增加流量

4. 建立使用者名單

5. 降低跳出率

6. 支援 AMP

 

比較

下圖是 AddThis 與其他相似功能產品比較,AddToAny 也滿方便的,但後來我還是喜歡 AddThis 的功能性。

AddThis 比較
AddThis 比較

 

AddThis 設定教學

step 1

首先進入 AddThis 官方網站,註冊帳號,這裡我建議不要使用社群軟體登入,因為WordPress外掛還不支援。

註冊帳號
註冊帳號

step 2

登入之後,按左上方的 Tools 到這個畫面,並且選擇右邊藍色的按鈕 ADD NEW TOOL

點選 Tools
點選 Tools

step 3

接著會跳出6個選項,下面我會教我常用的幾個功能。

選擇工具
選擇工具

 

Share Buttons 分享按鈕

step 1

首先這裡有6種型式可以選擇,那 Floating 跟 Inline 右邊有一個閃電符號,那個是代表支援 AMP

我這裡選擇 Floating 來做示範,接著按 Continue

選擇按鈕種類
選擇按鈕種類

step 2

這裡可以選擇顯示的分享平台,我自己認為 Facebook 跟 Twitter 可以留著,其他看自己喜歡。

選擇服務
選擇服務

step 3

上方有5個選項,都可以做細節調整,這裡選擇第二個 Design。

Design 可以選擇在手機上的按鈕大小、圖片的顏色等等。

其他設定我用預設,完成之後按下 Activate Tool。

設計樣式
設計樣式

step 4

啟用之後,就會在 WEBSITE TOOLS 的地方看到列表。

設定完成
設定完成

 

Follow Buttons 追蹤按鈕

step 1

接著是追蹤按鈕的位置,這裡就選自己喜歡的位置。

追蹤按鈕位置
追蹤按鈕位置

step 2

這裡就選擇想要追蹤的連結,剩下的設定就看自己。

追蹤按鈕
追蹤按鈕

 

List Building 電郵名單蒐集

step 1

這裡有三種顯示 Email 電郵視窗的地方,我選擇 Slider 在右下角浮動。

Email 位置
Email 位置

step 2

再來這裡有很多種 Email 儲存的方式,如果是預設的,就是在 AddThis 建立一個清單儲存在裡面。

或是也可以綁定其他的電郵服務,像是 Mailchimp。

名單存放位置
名單存放位置

step 3

再來輸入 Email 視窗的文字訊息。

email 文字
email 文字

step 4

最右邊的選項可以選擇 Show Again After,這選項代表幾天會顯示一次彈跳視窗,那我覺得1天或是7天會比較好。

顯示日期
顯示日期

step 5

下面有一個 Redirect URL,是在訂閱完之後會跳到哪個網址。

重新導向
重新導向

 

Link Promotion 連結彈跳視窗

step 1

首先一樣選擇視窗顯示的位置。

popup 視窗
popup 視窗

step 2

這裡輸入要連結到的網址。

連結位置
連結位置

step 3

這裡可以輸入顯示的文字以及調整樣式。

文字內容
文字內容

step 4

最後四種類型都設定好並且啟用,這樣就完成第一步驟了。

接下來就來設定 WordPress 外掛。

清單
清單

 

WordPress 外掛教學

step 1

首先安裝 Website Tools by AddThis,這裡可能會發現 AddThis 有很多個外掛,其他的外掛都是單一功能,這個外掛是所有整合的。

安裝 Website Tools by AddThis
安裝 Website Tools by AddThis

step 2

接著到外掛的 home,登入 AddThis 帳號密碼,如果是用社群平台註冊的,需要按忘記密碼,重新設定一個。

登入
登入

step 3

登入完成後,回到首頁就會看到剛剛啟用的所有功能!

這裡是我測試的網站,大家可以點進來看看:John Test

完成設定
完成設定

 

結論

本篇文章介紹 AddThis 這個強大的工具,可以很輕易的解決社群分享、Email名單收集的問題。

優點

1. 多種功能,一個外掛包辦。

2. 統計流量,可以在 Addthis 網站查看。

3. 具有內建的 Email 名單蒐集

4. 完全免費

缺點

1. 分享的時候,會先轉跳到 AddThis,時間比較久

2. 彈跳視窗會附帶 AddThis 的名字

3. 樣式選擇性少



WordPress 線上課程推薦

阿璋正在籌備 WordPress 線上課程,如果有興趣的人,歡迎點擊下方連結。

WP 全方位架站攻略

從 0 開始建立部落格

站長之路手把手教你如何透過部落格開始賺錢,內容包含 WordPress、部落格經營、網路行銷,帶你成為一個成功的部落格站長!

查看站長之路

WordPress 架站推薦

新手架站:【架站教學】專門為WordPress打造的主機?WPWebHost 完整教學!

高流量網站:【架站教學】新手快速架站教學,使用Cloudways架設WordPress網站!

新手必看: WordPress 必裝主題與外掛推薦、學習管道、最新優惠統整!

學習更多:查看我是如何透過 WordPress 架設部落格,賺取人生第一桶金!



WordPress 學習書籍推薦

WordPress 無敵架站手冊:架站新手都想擁有:教你打造個人專屬網站

WordPress 無敵架站手冊
WordPress 無敵架站手冊

書籍介紹

這本書教你從零開始建立起一個全功能的WordPress網站,從下載與安裝WordPress主軟體開始到連結、媒體、選單、圖像、展示區、管理、用家建檔等等。 甚至還有教你如何開發主題、外掛、小工具,從入門到進階的教學都很完整。

推薦原因

這本書原作者是波蘭人,原文是英文,後來經由免費資源網路社群的作者 Pseric 翻譯成中文書。 WordPress 目前的中文書可說是少之又少,這本不僅是中文書,內容又非常完整,絕對是學習WordPress的首選書籍!

購買 WordPress 無敵架站手冊

WordPress Plugins百大外掛精選(火力加強版)

WordPress Plugins百大外掛精選(火力加強版)
WordPress Plugins百大外掛精選(火力加強版)

書籍介紹

這本書教你從基礎架站、備份保存到各式各樣的外掛主題,讓你想裝什麼就裝什麼,建置專屬自己獨一無二的多功能發佈平台。 作者特別精選了各類型的外掛做介紹,只要你想的到的功能幾乎都在裡面,匯集了讀者們一直喜愛的外掛程式介紹,並且添加了最新的外掛程式,更貼近現在的讀者需求。

推薦原因

這本書作者是免費資源網路社群的作者 Pseric,他的網站知名度非常的高,也是透過 WordPress 架設而成,因此對於外掛的理解,絕對是數一數二。

購買 WordPress Plugins 百大外掛精選(火力加強版)

支持阿璋的新書《打開網路就有錢》,裡面分享許多自媒體以及投資理財的知識,非常適合網路創業者以及想要增加額外收入的上班族閱讀。

打開網路就有錢 呂明璋(工具王阿璋)


如果你對幣圈資訊有興趣,可以訂閱此電子報:幣圈最新資訊

我目前有成立一個亞洲最大的幣圈自媒體 Discord 社群:Crypto Mind 加密腦

推坑阿璋超愛的商品,歡迎加入團購群:阿璋好物團購 LINE 社群

12篇文章手把手教你如何透過部落格開始賺錢:站長之路

更多相關社群連結:工具王阿璋社群列表

本站有部分連結與商家有合作關係,透過我的連結購買,我會獲得少數佣金,讓我可以持續營運網站,但並不會影響您的任何權益,詳情查看免責聲明

如果我的文章對你有幫助,歡迎贊助我一杯咖啡!

本站所有內容皆為阿璋個人經驗分享,如有涉及投資請謹慎評估,阿璋不做任何投資建議。

贊助我一杯咖啡

文章引用請來信索取授權,否則將保留法律追訴權。

by Johntool-工具王阿璋

在〈WordPress 社群分享外掛,使用 Addthis 建立分享按鈕、彈跳視窗〉中有 37 則留言

  1. 非常好用的功能,我設定遇到問題!我進行到最後的登入,登入完之後回首頁沒有出現設定,請問出現了什麼狀況?謝謝阿璋~

  2. 想請問阿璋addthis帳戶註冊是不是要用網站的郵件,不要用個人郵件?
    抱歉問題會有點長~~~
    因為我用個人郵件註冊後,到網站後台安裝好要登入時,帳號列就預先出現網站郵件了,但因為我不是用網站郵件所以我把它改掉了,然後最後出現一個視窗問我要"創建新的個人資料"還是用"我的網站",我選新的個人資料,但網站最後沒有連上addthis,因為我如果選我的網站,它就出現一個警告語:你選的帳號不是wordpress的資料,若選擇這個你的資料將會重置。大概是這意思,請問阿璋知道這怎麼回事嗎?
    不好意思廢話好多有點複雜

        1. 阿璋你好,謝謝你細心的教學,我想請問為什麼電腦版的網站沒問題,但是手機版的網站沒有顯示出來呢?

發表回覆