前言介紹
- 這款 WordPress 外掛「Social Share Buttons」是 2016-12-18 上架。
- 目前有 300 個安裝啟用數。
- 上一次更新是 2016-12-19，距離現在已有 3058 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 3.6 以上版本才可以安裝。
- 有 5 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
spyrosli |
外掛標籤
share | social | buttons | share buttons | Social Share Buttons |
內容簡介
d time down even further.
加入 Facebook、Twitter、Google+、LinkedIn、Pinterest 和 Digg 的分享按鈕，以及電子郵件分享按鈕和列印按鈕。以上和/或以下您的頁面和文章。它完全可自定義，讓您選擇您想在網站上放置的社交媒體按鈕和社交分享按鈕。
通過安裝這個社交分享 WordPress 插件，讓您的網站內容在 Twitter、Facebook 等流行的社交網路上得到共享。使用者可以輕鬆分享您的內容。
重要提示：許多人要求浮動側邊欄帶有社交圖示，但可惜的是，這是不可能添加的，因為它可能會對您的網站 SEO 有害。如果您向下滾動並在「其他信息和常見問題」下閱讀，就可以了解更多關於這方面的詳細內容。
核心功能包括：
極簡設計
分享文字
建議使用者填寫電子郵件標題及內容
社交分享計數器
Facebook、Twitter、Google+、LinkedIn、Pinterest 和 Digg 的分享按鈕
短代碼
電子郵件分享按鈕
列印按鈕
自行選擇要顯示哪些按鈕
在內容上方和/或下方放置按鈕
已優化 SEO
代碼輕巧
自適應設計
遵循 Google Insight 指南
內建快取
已優化移動裝置和視網膜顯示屏
額外功能包括：
將按鈕顯示在：文章、頁面、主頁、檔案頁、目錄、搜尋結果等地方。
停用所有額外的 CSS 和 JS，以方便您自行設計。
從 HTTP 和 HTTPS 獲取共享
在：新視窗、同一頁面或彈出視窗中開啟共享框。
多種短代碼設置
已優化 SEO，符合 Google 的新指南
在 Google 新的覆蓋層更新發布後，幾乎每個共享插件都編輯成為了疊加層的形式，它們會為設計和其他原因而隱藏螢幕的部分。
例如：它們有一個自訂設計，將原始設計隱藏在其後面或者作為側邊欄，或者當您滾動時它跟著螢幕移動等等。這僅僅是其中的兩個例子。
我們是第一個解決此問題的插件，透過改編來自 Facebook、Twitter 等社交網路提供的原始代碼，並以這種方式設計。
這不僅有助於避免被 Google 更新懲罰，我們還使代碼更快，意味著我們創造了社交媒體分享按鈕可以加載的最快記錄，詳情可參閱「雷電般的加載速度」。
我們還是第一個遵循 Google Insight 的每一個指南和要求的社交分享插件，從而使此插件成為終極的優化 SEO 共享插件。
雷電般的加載速度
通常，加載社交媒體按鈕需要花費 1.0 至 2.5 秒的時間，因為需要加載很多外部數據。我們找到了一種解決方法。我們創建了一個內置的社交分享緩存，一個自定義的緩存，將所有來自社交網路的數據，例如腳本、點贊/推文數量等，存儲在您的網站上，而不是存儲在 Facebook、Twitter 等上。這樣可以將加載的過程縮短至毫秒級別。
我們還改編了社交網路提供的通常腳本，從而進一步降低了加載時間。
原文外掛簡介
Add Facebook, Twitter, Google+, LinkedIn, Pinterest and Digg share buttons as well as an Email share button and print button. Above and/or below your pages and posts. It’s all fully customizable so you choose what social media buttons and social share buttons you want on your website.
Get your websites content shared on social medias like Twitter, Facebook and much more by installing this Social share WordPress plugin. Users can easily share your content on the most popular social networks.
Important: A lot of people request a floating sidebar with social icons, sadly this is not something that will be added, since it can be harmful for your websites SEO. You can read more about that if you scroll down and read under “Additional information and F.A.Q”
Core functionality include
Minimalistic design
Share text
Suggest user an email text and subject
Social share counter
Facebook, Twitter, Google+, LinkedIn, Pinterest and Digg share buttons
Shortcodes
Email share button
Print button
Choose yourself what buttons to show
Place buttons above and/or under content
Seo Optimized
Light code
Responsive design
Follows Google Insight guidelines
Build in cache
Mobile Optimized and Retina Ready
Bonus Functionality include
Show buttons on: Posts, pages, front page, Archives, Attachment pages, Categories, search results and much more.
Disable all extra CSS and JS so you can make your own design.
Fetch shares from both HTTP and HTTPS
Open share box in: New window, same page or popup.
Multiple shortcode settings
Seo Optimized and follows Googles new guidelines
After the release of Googles new overlay update, which you can read more about on Google’s own blog Almost every share plugins are coded so they function as an overlay, where they hide parts of the screen for design and other reasons.
For example: They have a custom design, where the original design is hidden behind it – Or functions as a sidebar or so that follows the screen when you scroll. This is only two out of many examples.
We are the first plugin to fix this issue, by coding the design in a new way, where we have altered the original code provided by social networks such as Facebook, Twitter and more, and made the design that way.
Not only does this help avoiding getting punished by the Google update, we have also made the code quicker, meaning we have set a new record in how fast social media share buttons can be loaded, which you can read more about under Lightning Fast Load Time.
We are also the first social share plugin to follow every single guideline and requirement from Google Insight making this plugin the ultimative SEO optimized share plugin.
Lightning Fast
Usually it will take between 1,0 – 2,5 seconds to load social media buttons, because there is so much external data that needs to be loaded. We have found a way to overcome this issue. We have created a built in social share caching, a custom cache that stores all data from the social networks, for example scripts, amount of likes/tweets and much more on your website instead of Facebook, Twitters and more, cutting the loading process down to milliseconds.
We have also altered the usual scripts provided by the social networks, we have managed to bring the load time of social share buttons down by up to 0.7 seconds! Bringing the load time down to 30% of the usual load time – And as every SEO expert know, page speed and load time is a huge part of your SEO and rankings, which you can read more about on MOZ
Source and copyright
Thanks to Access Keys for creating Social Share WordPress Plugin – AccessPress Social Share under GPLv2
Thanks to FontAwesome which is licensed under MIT License · Documentation licensed under CC BY 3.0
Core Changes
We have made the code light weight with minification and code rewriting.
We have corrected cache settings so they follow Googles guidelines.
We have updated the design and animations.
We have SEO optimized the share buttons.
We have made the design responsive and fluid so it follows Google Insights guidelines
We have updated descriptions
We have added more documentation and articles to help the users make the right settings according to their website.
We have removed fonts to make it load faster.
We have corrected typographical errors.
Further info and good-to-know
Why is there no floating sidebar?
It is our primary task to make sure that you do not get punished by any Google updates now, or in the future.
After Googles update that is supose to: “Helping users easily access content on mobile” any sort of overlays
might be mistaken for popups and harm your SEO.
Source: Google webmaster blog
What does light weight code mean?
A “lightweight” library or tool in software engineering generally means a library that is less of a pain in the ass to use but not as fully-featured as an equivalent library that is not lightweight. There is a trade-off between pain-in-the-ass-ness and functionality. “Lightweight” means a design that errs on the side of less functionality.
It can be less of a pain in the ass in several different ways including
Few or no dependencies on other libraries.
Easy to install, set up, and/or build.
Smaller memory footprint.
Smaller interface.
Smaller absolute amount of code.
Source: Quora
Why does the buttons slow down my website?
Here’s how social share buttons work: The vast majority of social media buttons have a direct interaction with the social network involved. Most of them just have counters, like a Facebook fan count or a Twitter follower count. Where is that count kept? On the servers of the social network, provided via an API. Typically, the output is going to just be a short text string, but even so, that text string needs to be queried and received. So, for a Facebook button with a share button, you might have a process that looks like this.
The user sends a request to load your page.
Your server processes the request and begins loading your page.
Your load encounters the script that loads the Facebook share button and begins to run the script.
The script requires data from Facebook and sends a request to the Facebook servers.
The Facebook servers receive the request and query their database for the relevant data.
The Facebook data is received and send back to your server.
Your server inputs the data in the relevant place in the script, which completes the load of that script and, presumably, the page.
This is a lengthy process, and that’s just for one simple social media button. Now repeat it for Twitter if you have a Twitter button with a follower count, and repeat it for Pinterest for pins, and repeat it for Reddit for upvotes, and repeat it for every other site you have a button for.
This is a lengthy process, and that’s just for one simple social media button. Now repeat it for Twitter if you have a Twitter button with a follower count, and repeat it for Pinterest for pins, and repeat it for Reddit for upvotes, and repeat it for every other site you have a button for.
I gets even slower if you use something like the Facebook like box, which not only needs to pick and send along like data, it needs to send over a selection of users with their profile pictures, names, and links. That can become a sizable chunk of data.
Of course, social networks need to have incredibly fast load times in order to attract and keep users. Facebook has a server farm to rival that of Google and they’re tapped into a backbone just as fast as what Google has. At least, I assume so; I don’t know the details of either company’s infrastructure.
Even so, no matter how fast the servers, there’s still time spent sending queries and returning data. Every button you add, every query of another domain or another server, is adding to your load times. Even if it’s just a few hundred milliseconds per request, that can add up very quickly.
This, by the way, is why APIs exist. An API call exports just the data necessary, nothing more. Compare these two pages: Facebook and the Facebook Graph. You’ll note that the second one doesn’t have scripts, doesn’t have feeds, doesn’t have apps; nothing. It’s just a bit of short text. It’s an error because the “graph homepage” doesn’t exist, but that’s still about all of the data you actually get from an API Call. A few hundred bytes of information, compared to the kilobytes or megabytes of data for a regular page load.
The more social buttons you use, the more calls need to be made, and the slower a page loads. If, somewhere along the line, a single piece of data bugs out or a request fails, the button won’t load. Some social buttons have error handling to cover that case, while others don’t. If they don’t, it can be devastating to load times.
Source: Blogpros
Why is social share buttons good for my website
Operating a business blog is a great way to communicate with target audience members and share your thoughts and opinions on business matters in an informal way. It’s not easy to maintain a blog as it takes time to brainstorm a topic, write posts, edit them, post them, and then monitor the comments. If you’re going to dedicate all of that time to your blog you want to get the most out of it, right? The success of a blog largely depends on how many people actually read it and one important way to increase readership is to include social share buttons on every blog post.
Do you have social share buttons on your blog? If not, you’ll want to add them now. Here’s why:
Social Signals
The search engines now include the strength of a link in social media as an algorithm-ranking factor. Strength is measured by calculating the number of times that content is shared, tweeted, liked, and posted in social media. So if your content is getting shared frequently, that will improve its search engine ranking for relevant keywords. Since social share buttons make it so much easier for a reader to pass along your content to their network, without them you are missing out on a huge opportunity.
Increase brand exposure
Marketing and advertising is all about getting your brand and messaging in front of as many potential clients and customers as possible. Millions of people use social networks every day. Obviously not everyone that could benefit from your product or service has heard of you. Including social share buttons increases the likelihood of getting your content in front of new eyeballs. When someone shares your content with their network, it might get seen by a new potential customer, who then may share it with their network, and another new potential customer who then may share it with their network, etc. may see it. The possibilities are limitless and this is an important way to improve brand visibility across the web and increase your number of social followers.
Encourge a good user experience
It’s important to make any interaction that a potential client or customer has with your brand a smooth and easy process. It should be simple to navigate your blog, which should include categories and a search feature so that visitors can quickly find a post that is most relevant to their needs at any particular time. You should also make it easy for them to share your content, so easy that they don’t even need to think about it. If they think it’s helpful or interesting they can quickly click on a button and boom, it’s shared.
Develop natural links
Because of the social share buttons, people will share your links with others, as long as it’s well written and provides value. Over time, people will do more than just share the links on social – they’ll create valuable, natural links. As more and more people share your content on social media, you’ll increase the chances of gaining natural links.
Get more traffic
One of the biggest benefits of adding social share buttons is that it can help increase traffic to your site. With so many content options online, it can be hard to get your information read. Simply put, sharing content increases overall traffic. Instead of making it hard for people to share, make it easy by including sharing buttons.
You want your social share buttons to add value to your site. For instance, when including the buttons to your posts, you may be tempted to put them at the top or bottom. However, it’s much more effective to put them in both places, which adds value both for you and the user. Another issue is that not every page on your site will need the buttons. For instance, if you have a static page, such as an about me page, adding social share buttons to these posts doesn’t really add anything. Do you really want to these pages to be shared in social? However, you definitely will want your blog content to be shared, so it makes sense to add the buttons to your posts.
If you don’t include the buttons there’s a higher likelihood that it won’t get shared, or that someone who has the intent to share the content opens up a new window, signs in to their social network, gets distracted and forgets about your page altogether. Don’t take the risk. Add share buttons so that blog visitors will stay on your site longer.
Source: Brick Marketing
How does the caching the social share buttons work?
The sharing widget will typically consist of a few small icons, some HTML and CSS, and other JavaScript. Typically, the icons are very small and rarely change, but they’re served billions of times a day.
These sharing icons are perfect candidates for very aggressive caching. When we chat with customers about this, we recommend setting a very long time to live (TTL) and an even longer grace period (also known as a “serve stale” period which will continue showing your content even if your origin server is unavailable). Then, if our customers do want to change anything, they can issue a purge and Fastly will fetch the new assets immediately.
Since the working set is so small, for similar setups we typically see a 100% cache hit ratio. This means customers can dramatically lower their hosting costs while ensuring that they’ll be able to weather request spikes that occur when, for example, a story that has the sharing widget embedded suddenly sees a lot of traffic, without breaking a sweat.
There is a dynamic element to a sharing widget: the share count. There are typically two ways to deliver this:
Baked into the HTML or JavaScript that you deliver
Via an API that the JavaScript calls
Doing it the first way would ruin your cache hit ratio for all those previously cacheable assets, since you’ll need a new version of the widget every time a user Likes the page. By doing it the second way, you can minimize the problem to just one API call, which isn’t too bad.
With Fastly, there is a third option. Here’s how it works:
The share count actually doesn’t need to be absolutely up-to-the-second accurate. Instead, Fastly caches the results of the API call for ~5 minutes (this number is completely configurable depending on traffic and other factors). Every time a user clicks on the social share button, JavaScript first updates the counter on the page and then does an API call to update the counts. Fastly can either pass this API call through to origin or intercept it and return a 200 response, but emit a log message with the relevant information.
However, if the user navigates away from the page and then comes back (or clicks through to the second page of a multi-page article) within that 5 minute window, they’re going to see that their “Share” hasn’t been counted, which is confusing.
In that case, there’s a fairly easy work around. When the user clicks “Like” or “Share,” the JavaScript updates the counter on the widget and sets a cookie with the new count in it before making the call back to register the “Like” or “Share.”
When the social share button is loaded again, the widget code first checks to see if the cookie is present (or alternatively, is newer than the last-modified of the API call) and uses those values. If not, it uses the values from the API.
We still avoid the additional call back to the customer’s origin server, but the user is happy that their “Like” or “Share” has has been counted.
Meanwhile, the widget will load incredibly quickly and the customer will have reduced their load back to their servers from potentially billions a day to:
1 request per asset every time they update their widget
1 request every 5 minutes to fetch the updated count
1 POST request every time a user hits the social share button (unless they use logs instead)
Source: Fastly
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Social Share Buttons」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
WP Edit 》歡迎使用, 歡迎來到 WP Edit，終於可以掌控預設 WordPress 編輯器，並解鎖額外編輯工具的強大功能。您可以按照自己的工作流程將按鈕排列成工具列。此外，WP E...。
Sticky Side Buttons 》這個簡單的按鈕創建工具讓您可以創建一個或多個浮動按鈕，當使用者滾動時，這些按鈕會固定在網站的側邊。, 它可以用來黏貼以下資訊：, , 電話號碼, 電子郵件...。
WP Shortcode by MyThemeShop 》WP Shortcode 讓使用者只需點擊一下，即可在 WordPress 增加性感的按鈕、警告提示、欄位佈局等各式各樣的選項。這款高級插件曾經只向MyThemeShop的高級會員提...。
Ultimate TinyMCE 》注意：終止 Ultimate Tinymce, 此外掛在 WordPress 3.9 及以上版本不再適用, 建議改用 WP Edit, , WordPress 已發布 3.9 版本。, 更新後，Ultimate Tinymce ...。
Qty Increment Buttons for WooCommerce 》在 WooCommerce 頁面的產品數量欄位周圍添加專業外觀的「-」和「+」數量增量按鈕。刪除此欄位內的預設增量箭頭。可透過外掛設置進行簡單的自定義。, 功能特色...。
Easy Media Download 》媒體檔案需要提供下載，你可以使用 WordPress 的外掛 - Easy Media Download。這款免費的下載管理外掛能夠讓你的使用者從你的網站上下載電子檔案。該外掛體積...。
Bootstrap Shortcodes 》這個 WordPress 外掛可添加 Twitter Bootstrap 3.3 的快速代碼。, 最新的 Bootstrap, Bootstrap Shortcodes 外掛可透過 TinyMCE 豐富編輯器快速且容易地實現 ...。
Mobile Call Now & Map Buttons 》在設備上新增「立即致電」和「導航」按鈕, , 容易自定義列、文字、按鈕顏色和字體, 設置按鈕出現的裝置尺寸範圍, , 請注意, , 🔥 這是一個新的外掛，最近恢復...。
Superb Social Media Share Buttons and Follow Buttons 》tions provides sufficient control over the appearance and use of the social media share buttons and follow buttons. These buttons are compliant wit...。
Lead Call Buttons 》使網站訪客輕鬆聯絡您。啟用後會在行動裝置版的網站上加入可自訂按鈕，例如電話、地圖、日程。, 特色功能:, , 從網站的每個頁面產生更多潛在客戶和通話, 非常...。
Buttons Shortcode and Widget 》使用本外掛程式輕鬆創建各種按鈕，並在您的 WordPress 網站的任何地方插入 – 頁面/文章編輯器、側邊欄、模板檔案。您不需要編寫任何程式碼，一切都在一個美觀...。
Button Generator – Easily Create Custom Buttons with Icons and Analytics 》Button Generator 是一個簡單而功能強大的 WordPress 外掛程式，可用於建立按鈕。使用這個按鈕產生器外掛，您可以輕鬆地建立標準和漂浮按鈕，並附上圖示，以...。
Visual Editor Custom Buttons 》這款 WordPress 外掛可以快速輕鬆地在 WordPress 可視化編輯器中新增自訂按鈕。您可以在可視化編輯器和 HTML 編輯器中輕鬆地新增自己的自訂按鈕，並且還可以...。
Arconix Shortcodes 》此外掛可讓你輕鬆地增加各種樣式的框、按鈕、選項卡、手風琴、無序清單、列和更多等元素。, 版本 2.0 新增的框、按鈕、清單和選項卡短碼支援自訂的 FontAweso...。
Social Share for WooCommerce 》le display before social icons on the product page. This offers you the chance to add a specific title before the social media icons that will draw...。