WordPress网站必装社交分享按钮外挂轻松搞定AddToAny

Facebook或Line等社交媒体已是推广网站的重要管道，SEO也开始重视网站的社交信号（在社交媒体的热门程度、分享程度等等），有众多外挂可让我们于WordPress加上社交分享按钮，方便网友分享文章到Line、Facebook或其他社交媒体，但如果安装不良的社交分享外挂，会造成网站速度变慢，反而不利网友的浏览体验。

AddToAny是我用过的WordPress社交分享外挂中的佼佼者，除了简化WordPress加上分享按钮的流程，还可自定义图标，不太影响网站速度，也会自动产生事件追踪纪录网友点击社交分享icon的次数、让我们更容易了解网站在社交媒体的分享状况。

AddToAny基本设定

安装好之后，由侧边栏的设定可找到AddToAny，点了之后便进入设定画面，有两个页签：Standard，Floating。Standard是设定分享按钮的大小、种类等等，以及在页面的呈现方式；Floating顾名思义，就是利用浮动侧边栏显示社交分享按钮的相关设定。

AddToAny设定–Standard：

Icon Size：设定icon大小，我习惯自定义30px

Standalone Buttons：要显示的社交分享按钮，点Add/Remove Services便会出现按钮列表，点一下便可以到网页，要取消的话再点一下便可。可拖曳按钮调整显示排序。

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

以上是主要的设定，如果懂CSS或JavaScript的话还可多做调整，不过我没这样用！

AddToAny设定–Floating：

这边的设定分为垂直浮动跟水平浮动，设定的方式都一样，我只有使用垂直浮动。

Placement：要浮动在画面的左边或右边

Responsiveness：可决定画面要多宽才显示浮动按钮

Position：浮动按钮跟画面上缘的距离，其实就是CSS的margin-top属性

Offset：浮动按钮跟画面左右边缘的距离，其实就是CSS的margin-left / margin-right属性

AddToAny & Google Anaytics事件追踪：

我喜欢用AddToAny这个社交分享外挂，除了不会拖慢网站速度，另一个主因就是它会自动产生GA的事件追踪（Event Tracking），对分析WordPress上的社交分享成效很有帮助，尤其是现在GA还将来源是Line的流量视为直接流量（Direct），利用AddToAny自动产生事件追踪的功能我们便可以由GA的事件追踪报表知道Line的按钮被点了几次、在哪个页面被点击。

安裝方式：

• 由WordPress官网下载外挂ZIP档，于后台安装，连接：https://wordpress.org/plugins/add-to-any/
• 由WordPress后台安装外挂的页面搜寻、安装”AddToAny Share Buttons”

总结：

AddToAny是我最推荐的WordPress社交媒体分享外挂，除了让我们化繁为简的加上WordPress分享按钮、增加网站在社交媒体的能见度，也很贴心的整合GA的事件追踪功能。它的基本功能已经很完整了，如果懂WordPress进阶的PHP跟CSS设定，还可以微调在网站上呈现的版位、做出心中完美的版型。