kubiq

<p>Easily use <code>[better_share_buttons]</code> shortcode anywhere you want.<br />
Create your own styles, or choose from existing ones.<br />
This plugin is optimized for fastest websites – it will not load any JS files and it will load CSS file only when it is needed.</p>
<p><strong>This plugin allows you to:</strong></p>
<ul>
<li>create multiple social share icon styles</li>
<li>use shortcode to display share icons anywhere you want</li>
<li>create your own styles in your theme folder</li>
<li>customize basic settings directly in admin</li>
<li>use different icons for social networks</li>
</ul>
<h3>Hooks</h3>
<p><strong>customize wrapper classes</strong></p>
<pre><code>add_filter( 'share_buttons_classes', function( $classes, $share_buttons_settings, $share_buttons_id ){
    $classes[] = 'my-custom-class';
    return $classes;
}, 10, 3 );
</code></pre>
<p> </p>
<p><strong>customize wrapper CSS output</strong></p>
<pre><code>add_filter( 'share_buttons_styles', function( $style, $share_buttons_settings, $share_buttons_id ){
    $style[] = '--my-var: 50px';
    return $style;
}, 10, 3 );
</code></pre>
<p> </p>
<p><strong>customize html form more button</strong></p>
<pre><code>add_filter( 'better_share_buttons_more', function( $html, $share_buttons_settings, $share_buttons_id ){
    // replace SVG icon path with a custom one
    $html = str_replace( 'M18 14V8h-4v6H8v4h6v6h4v-6h6v-4h-6z', 'M18.2 4.2C18.2 3 17.2 2 16 2s-2.2 1-2.2 2.2v9.7H4.2C3 13.8 2 14.8 2 16s1 2.2 2.2 2.2h9.7v9.7c0 1.2 1 2.2 2.2 2.2s2.2-1 2.2-2.2v-9.7H28c1.2 0 2.2-1 2.2-2.2s-1-2.2-2.2-2.2h-9.7V4.2z', $html );
    return $html;
}, 10, 3 );
</code></pre>
<p> </p>
<p><strong>add custom icon for any network</strong></p>
<pre><code>add_filter( 'share_buttons_icons', function( $icon, $slug, $share_buttons_settings, $share_buttons_id ){
    if( $slug == 'facebook' ){
        // add custom SVG path and you will be able to select it in admin
        $icon[] = 'M29.3 16c0-7.4-6-13.3-13.3-13.3C8.6 2.7 2.7 8.6 2.7 16c0 6.5 4.6 11.8 10.7 13.1V20h-2.7v-4h2.7v-3.3c0-2.6 2.1-4.7 4.7-4.7h3.3v4h-2.7c-.7 0-1.3.6-1.3 1.3V16h4v4h-4v9.3c6.7-.7 11.9-6.4 11.9-13.3z';
    }
    return $icon;
}, 10, 4 );
</code></pre>
<p> </p>
<p><strong>control shared URL</strong></p>
<pre><code>add_filter( 'better_share_buttons_permalink', function( $url ){
    // ...
    return $url;
});
</code></pre>
<p> </p>
<p><strong>control shared title</strong></p>
<pre><code>add_filter( 'better_share_buttons_title', function( $title ){
    // ...
    return $title;
});
</code></pre>
<p> </p>
<p><strong>control HTML output for any network</strong></p>
<pre><code>add_filter( 'better_share_buttons_link', function( $html, $slug, $share_buttons_settings, $share_buttons_id ){
    if( $slug == 'facebook' ){
        $html = str_replace( 'https://facebook.com/sharer/sharer.php?', 'https://facebook.com/sharer/sharer.php?xxx=yyy&', $html );
    }
    return $html;
}, 10, 4 );
</code></pre>
<p> </p>
<p><strong>add something before or after your share buttons</strong></p>
<pre><code>add_action( 'before_share_buttons', function( $share_buttons_settings, $atts ){ // or after_share_buttons
    if( $atts['id'] == 12345 ){
        echo '<div class="before-share-buttons">' . __( 'Sharing is caring', 'theme' ) . '</div>';
    }
}, 10, 2 );
</code></pre>
<p> </p>
<h3>Create your own styles</h3>
<p>Create new folder <code>better-share-buttons</code> inside your theme folder and put iniside style files <code>xyz.css</code> and <code>xyz.json</code>.</p>
<p>Style <code>xyz</code> will automatically appear in the admin settings.</p>
<p>Content of JSON file is used to manipulate settings in admin when you select that style:</p>
<pre><code>{
    "visible_buttons": 999,
    "bsb_mx": 0,
    "bsb_my": 0,
    "bsb_px": 5,
    "bsb_py": 5,
    "bsb_br": 0,
    "bsb_fz": 0,
    "bsb_iz": 32,
    "bsb_lls": 0,
    "bsb_lrs": 0
}
</code></pre>
<p>Content of CSS file should define your style:</p>
<pre><code>.better_share_buttons.bsb-style-xyz{}
</code></pre>


Better Share Buttons

Easily use [better_share_buttons] shortcode anywhere you want.

Chris Clark

<p>LessButtons automatically display sharing buttons for those social networks, where visitor registered and logged in.</p>
<p>Support automated detection and display buttons for Facebook, Twitter, Google+, Pinterest, LinkedIn, Reddit, VKontakte, Odnoklassniki.<br />
100+ more social networks and bookmark services available to users.</p>
<h4>Features</h4>
<ul>
<li>Buttons for those social networks, where visitor registered.</li>
<li>Dynamically updatable share counters on all buttons.</li>
<li>High-resolution icons for retina displays.</li>
<li>Fully customizable appearance.</li>
<li>HTTPS protocol for secure communication.</li>
<li>Tracking social network detections and shares in Google Analytics.</li>
<li>Email sharing via Gmail, Yahoo! Mail, Outlook.com (Hotmail), AOL mail or standalone apps.</li>
</ul>
<h4>Statistics</h4>
<p>If you have Google Analytics tracking code on pages, it will automatically receive tracking notifications for each visitor registered in social network or share button pressed. It give you know what social media is popular with your visitors.</p>
<h4>Find Shares</h4>
<p>Magnifier sign on Twitter, Google+ and VK buttons allows your users to find more peoples who share your page.</p>
<h4>Custom Placements</h4>
<ul>
<li>Before content, after content.</li>
<li>Left and right side floating share bars.</li>
<li>Horizontal floating share bar on bottom of window.</li>
<li>Special place option for mobile devices.</li>
</ul>
<h4>Optimized</h4>
<ul>
<li>Asynchronous script will not slow or block your website pages from loading.</li>
<li>SVG icons for quick loading and better appearance.</li>
<li>We use global world-wide CDN for fastest content delivery to each visitor location.</li>
<li>Mobile devices detection and compatibility.</li>
</ul>
<h4>Docs & Support</h4>
<p>You can find fresh social networks list, additional features for <a href="https://lessbuttons.com/customization.html" rel="nofollow ugc">customization</a> and details about <a href="https://lessbuttons.com/tracking.html" rel="nofollow ugc">tracking</a>.</p>
<p>Contact us <a href="mailto:support@lessbuttons.com" rel="nofollow ugc">support@lessbuttons.com</a>.</p>
<p>Follow us in Twitter for fresh updates <a href="https://twitter.com/ButtonsLess" rel="nofollow ugc">@ButtonsLess</a>.</p>


LessButtons Social Sharing and Statistics

Social media share and bookmark buttons with integrated analytics. Automatically display buttons for those social networks, where visitor registered.

Better Share Buttons vs LessButtons Social Sharing and Statistics