WP & SEO
  • WordPress
    • WordPress懶人包
    • WordPress SEO
    • WordPress外掛
    • WordPress主機
    • WordPress佈景主題
    • 網站速度優化
    • WordPress精選文章
  • SEO
    • SEO工具
    • 網站索引
    • WordPress SEO
    • SEO元素週期表
    • SEO精選文章
  • 自媒體
  • 精選文章
    • WordPress精選文章
    • SEO精選文章
  • Android APP
  • 關於我
無結果
View All Result
  • WordPress
    • WordPress懶人包
    • WordPress SEO
    • WordPress外掛
    • WordPress主機
    • WordPress佈景主題
    • 網站速度優化
    • WordPress精選文章
  • SEO
    • SEO工具
    • 網站索引
    • WordPress SEO
    • SEO元素週期表
    • SEO精選文章
  • 自媒體
  • 精選文章
    • WordPress精選文章
    • SEO精選文章
  • Android APP
  • 關於我
無結果
View All Result
WP & SEO
無結果
View All Result

Home » WordPress » WordPress|必裝社交分享按鈕外掛 – 兩步驟搞定AddToAny

WordPress|必裝社交分享按鈕外掛 – 兩步驟搞定AddToAny

by WP & SEO
2018-03-07 - 最新更新時間: 2022-07-02
in WordPress
WordPress|SiteGround主機 – 方案簡介、客服功能與免費SSL說明

我目前已不使用該外掛,內容不再更新

Facebook或Line等社交媒體已是推廣網站的重要管道,SEO也開始重視網站的社交訊號(在社交媒體的熱門程度、分享程度等等), 有眾多外掛可讓我們於WordPress加上社交分享按鈕,方便網友分享文章到Line、Facebook或其他社交媒體,但如果安裝不良的社交分享外掛,會造成網站速度變慢,反而不利網友的瀏覽體驗。

AddToAny是我用過的WordPress社交分享外掛中的佼佼者,除了簡化WordPress加上分享按鈕的流程,還可自訂圖示,不太影響網站速度,也會自動產生事件追蹤紀錄網友點擊社交分享icon的次數、讓我們更容易了解網站在社交媒體的分享狀況。

AddToAny基本設定:

安裝好之後,由側邊欄的設定可找到AddToAny,點了之後便進入設定畫面,有兩個頁籤:Standard, Floating。Standard是設定分享按鈕的大小、種類等等,以及在頁面的呈現方式;Floating顧名思義,就是利用浮動側邊欄顯示社交分享按鈕的相關設定。

ADVERTISEMENT

AddToAny 設定 – Standard:

Icon Size:設定icon大小,我習慣自訂30px

Standalone Buttons:要顯示的社交分享按鈕,點Add/Remove Services便會出現按鈕列表,點一下便可以到網頁,要取消的話再點一下便可。可拖曳按鈕調整顯示排序。

點"Add/Remove Services"來選擇社交分享按鈕
可增加的社交分享按鈕蠻多的

Universal Button:是否要在選定的社交分享按鈕旁上再加一個圖示,點了之後會顯示更多的社交分享方式,我通常都關掉,因為很多都是台灣網友少用的服務、用途不大。如果開啟這個功能,還可選擇樣式跟是否顯示計數。

這功能預設是開啟,要關閉的話就勾選"無"
Universal Button在前端的顯示樣式

Placement:icon在前端的顯示樣式設定,分為文章(post)跟頁面(page)兩種類型,文頁版面可設定的比較多

  • 要顯示在文章的上面、下面,或者兩者都要
  • Display at the top of posts on the front page:是否要顯示在文章版面
  • Display at the top of posts on archive pages:不確定用途
  • Display at the top of posts in the feed:是否要顯示在RSS的feed版面
  • Display at the top of excerpts:是否顯示在文章的列表頁面
  • Display at the top of pages:是否要在頁面(page)顯示社交分享icon
Placement是AddToAny重要的版面設定
社交分享按鈕在列表頁的顯示方式

以上是主要的設定,如果懂CSS或JavaScript的話還可多做調整,不過我沒這樣用!

AddToAny 設定 – Floating:

這邊的設定分為垂直浮動跟水平浮動,設定的方式都一樣,我只有使用垂直浮動。

Placement:要浮動在畫面的左邊或右邊

Responsiveness:可決定畫面要多寬才顯示浮動按鈕

Position:浮動按鈕跟畫面上緣的距離,其實就是CSS的margin-top屬性

ADVERTISEMENT

Offset:浮動按鈕跟畫面左右邊緣的距離,其實就是CSS的margin-left / margin-right屬性

浮動按鈕的版位設定方式

AddToAny & Google Anaytics事件追蹤:

我喜歡用AddToAny這個社交分享外掛,除了不會拖慢網站速度,另一個主因就是它會自動產生GA的事件追蹤(Event Tracking), 對分析WordPress上的社交分享成效很有幫助,尤其是現在GA還將來源是Line的流量視為直接流量(Direct), 利用AddToAny自動產生事件追蹤的功能我們便可以由GA的事件追蹤報表知道Line的按鈕被點了幾次、在哪個頁面被點擊。

AddToAny的產生的事件類別名稱是"AddToAny Share/Save Button"
活動標籤是產生事件的網址,事件動作是社交按鈕類型

安裝方式:

  • 由WordPress官網下載外掛ZIP檔,於後台安裝,連結:https://wordpress.org/plugins/add-to-any/
  • 由WordPress後台安裝外掛的頁面搜尋、安裝”AddToAny Share Buttons”

總結:

AddToAny是我最推薦的WordPress社交媒體分享外掛,除了讓我們化繁為簡的加上WordPress分享按鈕、增加網站在社交媒體的能見度,也很貼心的整合GA的事件追蹤功能。它的基本功能已經很完整了,如果懂WordPress進階的PHP跟CSS設定,還可以微調在網站上呈現的版位、做出心中完美的版型。

延伸閱讀:

WordPress懶人包:

  • WordPress架站|註冊網域、安裝網站 / 外掛、設定調整等9大步驟教學
  • WordPress SEO|網域與索引、重點功能、內容編輯等七大主題教學
  • WordPress主機|重點功能要求、主機費用評估、五大主機簡介
  • WordPress速度優化|主機挑選、圖片優化、相關外掛與CDN
  • WordPress推薦外掛|Yoast SEO、WP Rocket、AMP for WP等10大外掛
  • WordPress佈景主題|主題市集ThemeForest挑選、購買、安裝佈景主題教學

WordPress佈景主題:

  • JNews|首選部落格 / 雜誌類型付費佈景主題購買與使用心得
  • Soledad|部落格 / 雜誌類型付費佈景主題購買與使用心得

WordPress外掛:

  • Yoast SEO|WordPress必裝SEO外掛設定教學
  • Redirection|WordPress必裝301轉址外掛設定教學
  • WP Rocket|WordPress必裝快取外掛設定教學與注意事項
  • WPForms|WordPress必裝表單外掛付費版教學
  • AMP for WP|WordPress上線AMP網頁推薦外掛設定與使用心得
  • Jetpack|超多工WordPress推薦外掛設定教學

WordPress主機:

  • Cloudways主機介紹|服務與特色說明、主機選項、計費方式、優缺點分析
  • SiteGround主機介紹|方案與重點功能介紹、教學文章整理
標籤: WordPress外掛
上一篇文章

由2017年SEO元素週期表解析搜尋引擎優化難完全掌握的站外要素

下一篇文章

WordPress|Google AMP網頁教學 – 上線與檢測方式、成效、注意事項

WP & SEO

WP & SEO

Hi, 我是Leo,正職是數位行銷,主攻SEO、WordPress、數據分析與內容規劃。以多年自助旅行經驗為基底、WordPress為骨架,打磨SEO與內容行銷專長。曾任KKday SEO經理,以電商平台與WordPress部落格系統穩定提升Google搜尋排名與流量。長期經營「Travel with Leo」作為WordPress與SEO的實驗場!歡迎光臨這個分享SEO、WordPress、自媒體的小天地。聯絡方式: 粉絲頁私訊 | Email 。

下一篇文章
WordPress|Google AMP網頁教學 – 上線與檢測方式、成效、注意事項

WordPress|Google AMP網頁教學 – 上線與檢測方式、成效、注意事項

無結果
View All Result

精選文章

內容這條路-Part 3|試煉之路-幽谷與曙光、晴天修屋頂、飛輪效應、活著就是贏家

內容這條路-Part 3|試煉之路-幽谷與曙光、晴天修屋頂、飛輪效應、活著就是贏家

2022-05-29 - 最新更新時間: 2022-06-26

Screaming Frog教學|排程篇:排程建立、串接Google Drive、輸出爬取資料

2022-02-03 - 最新更新時間: 2022-11-27

2021年SEO元素週期表分享-內容、架構、HTML三大面向

2021-06-19 - 最新更新時間: 2022-05-31

自媒體經營分享|如何以內容模組化搭配飛輪效應突破內容產出困境

2021-05-30 - 最新更新時間: 2022-05-31

SEO小教室|以新鮮度演算法、Query Deserves Freshness與使用者意圖來看關鍵字挑選

2021-05-16 - 最新更新時間: 2022-10-24

Cloudways主機介紹|服務與特色說明、主機選項、計費方式、優缺點分析

2021-02-04 - 最新更新時間: 2022-10-23

最新文章

  • SEO小教室|2022 Google Quality Raters Guidelines補充內容-E-E-A-T說明 2022-12-17
  • WordPress|SEO外掛 – 超完整Rank Math設定與使用教學(2023年版) 2022-11-26
  • WordPress|必裝Google外掛 – 以Site Kit by Google串接GTM、Google Analytics、AdSense 2022-10-23
  • Wix SEO懶人包|全站SEO設定、文章與頁面SEO功能、Google Search Console串接 2022-09-17
  • SEO小教室|2022 Google Quality Raters Guidelines補充內容-YMYL、最低品質內容 2022-08-04

贊助商廣告

分類

  • Android APP
  • SEO
  • WordPress
  • 推薦文章
  • 自媒體

追蹤我

  • WordPress
  • SEO
  • 自媒體
  • 精選文章
  • Android APP
  • 關於我
使用規範:請遵循CC BY-NC 4.0
聯絡我:粉絲頁私訊|Email。

聯盟行銷分潤聲明:本站部分連結屬於導購連結,如您於這些連結完成購買,我將能獲得維持網站營運的小額佣金。

  • WordPress
    • WordPress懶人包
    • WordPress SEO
    • WordPress外掛
    • WordPress主機
    • WordPress佈景主題
    • 網站速度優化
    • WordPress精選文章
  • SEO
    • SEO工具
    • 網站索引
    • WordPress SEO
    • SEO元素週期表
    • SEO精選文章
  • 自媒體
  • 精選文章
    • WordPress精選文章
    • SEO精選文章
  • Android APP
  • 關於我

聯盟行銷分潤聲明:本站部分連結屬於導購連結,如您於這些連結完成購買,我將能獲得維持網站營運的小額佣金。