首頁 » Wordpress » WordPress外掛教學 » WordPress 社群分享外掛,使用 Addthis 建立分享按鈕、彈跳視窗

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

文章最後更新於

本篇文章要教你如何透過 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 無敵架站手冊:架站新手都想擁有:教你打造個人專屬網站

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

書籍介紹

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

推薦原因

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

購買 WordPress 無敵架站手冊

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

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

書籍介紹

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

推薦原因

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

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


WordPress 架站推薦

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

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

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


👉👉 查看我是如何透過 WordPress 架設部落格,賺取每個月的被動收入!



如果對文章內容有任何問題,歡迎在底下留言讓我知道。

如果你喜歡我的文章,可以按分享按鈕,讓更多的人看見我的文章。

還沒訂閱部落格的朋友們,記得在下方填入信箱,收到我最新文章的通知。

歡迎按讚我的粉絲專頁,會有最新文章、程式語言課程、WordPress主題外掛優惠的訊息。

追蹤我的Instagram,最近有一系列的#不務正業工程師、#工程師之路!

阿璋也陸續開始拍攝影片,訂閱我的 Youtube 頻道,並開啟小鈴鐺🔔

如果這篇文章對你有幫助,可以幫我在下方按 5 個Like,讓我得到一些回饋,支持我繼續寫出更多好文章!

阿璋有創立一個社團,歡迎加入!
WordPress / 部落格經營 / 網路行銷 / 斜槓青年 / 自由工作者 / 接案 / 發案 | Johntool-工具王阿璋


by Johntool-工具王阿璋

訂閱我的文章

如果喜歡我的文章,可以留下信箱,每發佈新文章時,就會準時通知您!

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

  1. 版大你好~我想問一下如果按鈕想刪掉重新用一個要點哪裡啊~我找不到 弄了一堆X_X
    還有我不小心弄到有code 那是密碼嗎?我該怎麼取消?謝謝>< 不然都沒顯示QQ

  2. 就是在GET THE CODE 旁邊有一個INLINE TOOL ID: “tnvp”我不知道是什麼意思
    我從外掛登入都沒有顯示,一定是我手殘不小心按到了什麼!!
    (可是其他沒有INLINE TOOL ID的都有成功)

發表迴響

Scroll Top