=== AddToAny Share Buttons === Contributors: micropat, addtoany Tags: AddToAny, share, sharing, social, share buttons, share button, social media, media, marketing, links, email, seo, woocommerce, google, linkedin, reddit, facebook, like, twitter, pinterest, whatsapp, instagram, youtube, share this, sharethis, feed, icons Requires at least: 3.7 Tested up to: 4.7 Stable tag: 1.7.10 Share buttons for WordPress including the AddToAny sharing button, Facebook, Twitter, Google+, Pinterest, WhatsApp, many more, and follow icons too. == Description == The AddToAny WordPress sharing plugin helps people share your posts and pages to any service, such as Facebook, Twitter, Pinterest, Google, WhatsApp, LinkedIn, Tumblr, Reddit, and over 100 more sharing and social media sites & apps. AddToAny is the universal sharing platform, and AddToAny's plugin is the most popular share plugin for WordPress, making sites social media ready since 2006. = Share Buttons & Follow Buttons = * **Counters** — fast & official share counts in the same style * **Floating** share buttons — responsive & customizable, vertical & horizontal * **Vector** share & follow buttons (SVG icons) * **Universal** Share Button and Smart Menu * Individual share links and custom share icons * Choose from over 100 services * 3rd party buttons include the Facebook Like Button, Twitter Tweet Button, Pinterest Pin It Button, Google+ Share Button and Google +1 Button * Universal email sharing makes it easy to share via Gmail, Yahoo! Mail, Outlook.com (Hotmail), AOL Mail, and any other web and native apps Share Buttons demo = Custom Placement = * Before content, after content, or before & after content * Vertical Floating Share Bar, and Horizontal Floating Share Bar * As a shortcode, or a widget within a theme's layout * Programmatically with template tags = Analytics Integration = * Automatic Google Analytics integration (access guide) for sharing analytics * Track shared links with Bitly, Google URL Shortener, and custom URL shorteners * Display share counts on posts and pages = WordPress Optimized = * Loads asynchronously so your content always loads before or in parallel with AddToAny * Supports theme features such as HTML5, widgets, infinite scroll, post formats * Supports multilingual sites and multisite networks * No signup, no login, no account necessary = Mobile Optimized & Retina Ready = * AddToAny gives users the choice in sharing from a service's native app or from a web app. For example, choose between Twitter's native app or Twitter's mobile web app * Responsive Floating Share Buttons are mobile ready by default, and configurable breakpoints make floating buttons work with any theme * AddToAny's SVG icons are super-lightweight and pixel-perfect at any size, and AddToAny's responsive share menu fits on all displays * Automatic AMP (Accelerated Mobile Pages) support for social share buttons on AMP pages = Customizable & Extensible = * Choose exactly where you want AddToAny to appear * Easily customize sharing on your WordPress site * Highly extensible for developers and designers * Custom icons let you use any icons at any location (media uploads directory, CDN, etc.) * Many more publisher and user features = Wide Support = * Over 10 years of development * Over 6 million downloads * Translated into dozens of languages * Ongoing support from the community This plugin always strives to be the best WordPress plugin for sharing. Development is fueled by your praise and feedback. Share this plugin See also: * The share buttons for all platforms * The share button for WordPress.com AddToAny Blog | Privacy Policy == Installation == In WordPress: 1. Go to `Plugins` > `Add New` > search for `addtoany` 1. Press `Install Now` for the AddToAny plugin 1. Press `Activate Plugin` To install manually instead: 1. Upload the `add-to-any` directory to the `/wp-content/plugins/` directory 1. Activate the plugin through the `Plugins` menu in WordPress 1. Optional settings are available in `Settings` > `AddToAny` == Frequently Asked Questions == = Where are the options, and how can I customize the sharing plugin? = In your Admin panel, go to `Settings` > `AddToAny`. Setup Follow buttons (like Instagram, YouTube, etc.) using the AddToAny Follow widget in `Appearance` > `Widgets` (or `Appearance` > `Customize`). To further customize AddToAny, see the WordPress sharing documentation for the AddToAny plugin. Many customizations will have you copy & paste one or more lines of code into your "Additional JavaScript" or "Additional CSS" box. Those boxes are in `Settings` > `AddToAny`. = Something is wrong. What should I try first? = Try temporarily switching themes and deactivating other plugins to identify a potential conflict. If you find a conflict, try contacting that theme or plugin author. If an issue persists on a default theme with all other plugins deactivated, search the WordPress plugin's support forum. Feel free to post here, where the community can hopefully help you. Describe the issue, what troubleshooting you have already done, provide a link to your site, and any other potentially relevant information. = The share buttons are not displaying for me. Why, and what should I try? = Something on your own device/browser/connection is likely filtering out major social buttons. Try another web browser, device, and/or Internet connection to see if the buttons appear. Tools like browserling.com or browserstack.com will give you an idea of what other people are seeing. The usual cause for this uncommon issue is 3rd party browser add-on software that blocks ads and optionally filters out major social buttons. Some security apps and Internet connections have an option to filter social buttons. Usually a social filter option is disabled by default, but if you find that some software is inappropriately filtering AddToAny buttons, let AddToAny know. = What is the shortcode for sharing? = You can place your share buttons exactly where you want them by inserting the following shortcode: `[addtoany]` Customize the shared URL like so: `[addtoany url="https://www.example.com/page.html" title="Some Example Page"]` Display specific share buttons by specifying comma-separated service codes: `[addtoany buttons="facebook,twitter,google_plus"]` Share a specific image or video to certain services that accept arbitrary media (Pinterest, Yummly): `[addtoany buttons="pinterest,yummly" media="https://www.example.com/media/picture.jpg"]` = For Facebook sharing, how can I set the thumbnail image and description Facebook uses? = Facebook expects the Title, Description, and Thumbnail of a shared page to be defined in the Open Graph meta tags of a shared page. Use Facebook's Sharing Debugger on your pages to see how Facebook reads your site. "Scrape Again" to test site changes and clear Facebook's cache of a page, or use the Batch Invalidator to purge Facebook's cache of multiple URLs. To change the title, description and/or image on Facebook, your theme's header file should be modified according to Facebook's OpenGraph specification. With WordPress, this can be accomplished with plugins such as Yoast SEO or the Social Meta feature of the All in One SEO Pack. Please see those plugins for details, and post in the WordPress or plugin author's forums for more support. For more technical information on setting your pages up for Facebook sharing, see "Sharing Best Practices for Websites" in Facebook's documentation. = Why do share links route through AddToAny? = Since 2006, AddToAny is trusted across the web to always route to each service's current endpoint. This routing enables publisher customization, visitor personalization, and keeps the AddToAny plugin remarkably lightweight without the need for constant plugin updates. In AddToAny menus, visitors see the services they actually use. On mobile, AddToAny presents the choice of sharing to a service's native app or mobile site and the preference is used on the next share. Publishers take advantage of AddToAny services such as email templates, Twitter templates, URL shortener & parameters, and more. Just as service icons change, service endpoints change too, and AddToAny is updated daily to reflect service endpoint and API changes. = How can I use custom icons? = Upload sharing icons in a single directory to a public location, and make sure the icon filenames match the icon filenames packaged in the AddToAny plugin. In your Admin panel, go to `Settings` > `AddToAny` > `Advanced Options` > check the "Use custom icons" checkbox and specify the URL to your custom icons directory (including the trailing `/`). For AddToAny's universal button, go to Universal Button, select `Image URL` and specify the exact location of your AddToAny universal share icon (including the filename). = How can I place the share buttons in a specific area of my site? = In the Theme Editor (or another code editor), place this code block where you want the button and individual icons to appear in your theme: `` You can specify [AddToAny service code(s)](https://www.addtoany.com/services/) to show specific share buttons, for example: ` array( 'facebook', 'twitter', 'google_plus', 'whatsapp' ), ) ); } ?>` To customize the shared URL and title: ` 'Example Page', 'linkurl' => 'https://example.com/page.html', ) ); } ?>` To share the current URL and title (detected on the client-side): ` true ) ); } ?>` To hardcode the shared current URL and modify the title (server-side): ` is_home() ? get_bloginfo( 'description' ) : wp_title( '', false ), 'linkurl' => esc_url_raw( ( is_ssl() ? 'https://' : 'http://' ) . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'] ), ) ); } ?>` To share a specific image or video to certain services that accept arbitrary media (Pinterest, Yummly): ` array( 'pinterest', 'yummly' ), 'linkmedia' => 'https://www.example.com/media/picture.jpg', 'linkname' => 'Example Page', 'linkurl' => 'https://www.example.com/page.html', ) ); } ?>` = How can I place the follow buttons in a specific area of my site? = See the [supported follow services](https://www.addtoany.com/buttons/customize/follow_buttons) for service code names, then place this example code in your theme's file(s) where you want the follow buttons to appear: ` array( 'facebook' => array( 'id' => 'zuck' ), 'instagram' => array( 'id' => 'kevin' ), 'twitter' => array( 'id' => 'jack' ), ), ) ); } ?>` = How can I add a custom standalone share button? = You can create a plugin or customize the following example PHP code to add to your theme's functions.php file: `function addtoany_add_services( $services ) { $services['example_share_service'] = array( 'name' => 'Example Share Service', 'icon_url' => 'https://www.google.com/favicon.ico', 'icon_width' => 32, 'icon_height' => 32, 'href' => 'https://www.example.com/share?url=A2A_LINKURL&title=A2A_LINKNAME', ); return $services; } add_filter( 'A2A_SHARE_SAVE_services', 'addtoany_add_services', 10, 1 );` = How can I add a custom follow button? = You can create a plugin or customize the following example PHP code to add to your theme's functions.php file: `function addtoany_add_follow_services( $services ) { $services['example_follow_service'] = array( 'name' => 'Example Follow Service', 'icon_url' => 'https://www.google.com/favicon.ico', 'icon_width' => 32, 'icon_height' => 32, 'href' => 'https://www.example.com/ID', ); return $services; } add_filter( 'A2A_FOLLOW_services', 'addtoany_add_follow_services', 10, 1 );` = How can I align the standard sharing buttons to the center or to the right side of posts? = It depends on your theme, but you can try adding the following CSS code to your Additional CSS box in Settings > AddToAny. To align right: `.addtoany_share_save_container { text-align:right; }` To align center: `.addtoany_share_save_container { text-align:center; }` = How can I remove the button(s) from individual posts and pages? = When editing a post or page, uncheck "Show sharing buttons", which is located at the bottom of the editor page. Be sure to update or publish to save your changes. An older method was to insert the following tag into the page or post (HTML tab) that you do not want the button(s) to appear in: `` = How can I force the button(s) to appear in individual posts and pages? = When editing a post or page, check the "Show sharing buttons" checkbox, which is located at the bottom of the editor page. Be sure to update or publish to save your changes. Note that, by default, AddToAny is setup to display on all posts and pages. An older method was to insert the following tag into the page or post (HTML tab) that you want the button(s) to appear in: `` = How can I remove the button(s) from category pages, or tag/author/date/search pages? = Go to `Settings` > `AddToAny` > uncheck `Display at the top or bottom of posts on archive pages`. Archive pages include Category, Tag, Author, Date, and also Search pages. = How can I programmatically remove the button(s)? = In your theme's `functions.php`, you can add a filter to disable AddToAny sharing. Disable AddToAny sharing in specific categories, for example: `function addtoany_disable_sharing_in_some_categories() { // Examples of in_category usage: https://codex.wordpress.org/Function_Reference/in_category if ( in_category( array( 'my_category_1_slug', 'my_category_2_slug' ) ) ) { return true; } } add_filter( 'addtoany_sharing_disabled', 'addtoany_disable_sharing_in_some_categories' );` Disable AddToAny sharing on a custom post type, for example: `function addtoany_disable_sharing_on_my_custom_post_type() { if ( 'my_custom_post_type' == get_post_type() ) { return true; } } add_filter( 'addtoany_sharing_disabled', 'addtoany_disable_sharing_on_my_custom_post_type' );` = How can I position a vertical floating share buttons bar relative to content? = In settings, disable the default placement of the Vertical Buttons. In your theme's file(s), find the parent element that you want to position the vertical bar to (the parent element should have a specified width), then add the following example PHP code as a child of that parent element: ` 'margin-left:-100px; top:150px;', 'vertical_type' => true, ) ); } ?>` = Why does the Facebook Like Button, Pinterest Pin It Button, Google+ Share Button, or Google +1 Button have so much whitespace to the right of it? = The minimum width for the Facebook Like Button is 90 pixels. This is required to display the total number of Likes to the right of the button. See Facebook's Like Button documentation for details It's not recommended, but you can change the width of the Facebook Like Button using CSS code, for instance: `.a2a_button_facebook_like { width:50px !important; }` The Pinterest Pin It Button with 'show count' enabled is 76 pixels. You can change the width using CSS code, for instance: `.a2a_button_pinterest_pin { width:90px !important; }` The Google +1 Button with 'show count' enabled is 90 pixels. You can change the width using CSS code, for instance: `.a2a_button_google_plusone { width:65px !important; }` The Google+ Share Button width can be changed using CSS code, for instance: `.a2a_button_google_plus_share { width:57px !important; }` = Does the plugin output W3C valid code? = Yes, this plugin outputs 100% W3C valid HTML5 and W3C valid CSS 3 by default. = How can I load the buttons after content insertion with Ajax and infinite scroll? = AddToAny supports the standard `post-load` event. Ajax and infinite scroll plugins/themes should always fire the `post-load` event after content insertion, so request standard `post-load` support from plugin & theme authors as needed. Use the following line to dispatch the `post-load` event for AddToAny and other plugins: `jQuery( 'body' ).trigger( 'post-load' );` = How can I set the plugin as a "Must-Use" plugin that is autoloaded and activated for all sites? = Upload (or move) the `add-to-any` plugin directory into the `/wp-content/mu-plugins/` directory. Then create a proxy PHP loader file (such as `load.php`) in your `mu-plugins` directory, for example: `Twitter no longer provides counts * Official buttons (Facebook Like, etc.) have been moved to the bottom of the available services list * Support WP-CLI v0.21.0+ (thanks Compute and Daniel Bachhuber) * Support bootstrapped WordPress * Support for other script loading methods = 1.6.7 = * New Additional CSS box for AddToAny CSS customizations * Rename Additional Options box to Additional JavaScript box * Fix quotes and other special characters in shared titles * Simplify sections in settings * Update universal button to canonical endpoint * Use SSL for local cache updates * Support must-use plugin usage via a proxy PHP loader so `add-to-any.php` can remain in the `add-to-any` directory * Remove support for old method of moving `add-to-any.php` into `mu-plugins` for auto-loading = 1.6.6 = * Harden local caching option (thanks pineappleclock) * Remove old warning message when template tags seem to be missing (thanks Tenebral, and theme authors everywhere) * Adjust gettext calls by switching to single quotes for the text domain argument = 1.6.5 = * Update Google icon * Update Google+ icon * Update Tumblr logo * Remove NewsTrust = 1.6.4 = * Fix placement option for custom post types to not inherit the placement option for regular posts (thanks Air) * Permit custom AddToAny button in floating share bars (thanks billsmithem) * Update widget docblocks so they are not mistaken for PHP 4 constructors = 1.6.3 = * Fix Google+ follow button URL by removing the hardcoded `+` (thanks foxtucker) * Be sure to add the `+` to your `ID` if you have a Google+ custom URL. * Custom follow services can be added to the Follow widget using the `A2A_FOLLOW_services` filter hook (see the FAQ) * Harden CSS vertical alignment of custom icon images and Tweet button * Change admin heading to `