Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Holen Sie sich eine Floating Share Box wie WPBeginner – Smart Sharing v1.1

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Wahrscheinlich haben Sie bemerkt, dass WPBeginner eine schwebende Share-Box auf allen Beiträgen hat. Wir haben vor über einem Jahr ein Plugin mit dem Namen Smart Sharing veröffentlicht. Mit dem Smart Sharing Plugin können Sie die Macht Ihrer aktuellen Leserschaft maximieren, um mehr Stimmen in den sozialen Medien zu erhalten. Dieses Plugin fügt auf einzelnen Beitragsseiten ein Rollfeld mit Social-Media-Symbolen ein, so dass Ihre Leser beim Scrollen der Seite ständig die Schaltfläche zum Teilen sehen. Wir wenden die Theorie der positiven Verstärkung von B.F. Skinner auf das Marketing an. Ihr Nutzer wird sich verpflichtet fühlen, den Beitrag zu teilen, was Ihnen im Gegenzug helfen wird, mehr Besucher, Leads und Konversionen durch die Nutzung sozialer Medien zu erhalten. Ihre qualitativ hochwertigen Inhalte erhalten die Aufmerksamkeit, die sie verdienen, und es wird eine gesunde Gemeinschaft für Ihre Marke in den sozialen Netzwerken geschaffen.

Es gab einen großen Fehler im Plugin, dessen Behebung schon lange überfällig war. In dieser schnellen Version v1.1 haben wir den Hauptfehler behoben und mehrere Aktualisierungen vorgenommen. Was wurde also in dieser neuen Version hinzugefügt?

Große Fehlerbehebung

Zunächst haben wir das Problem der schwebenden Box behoben, die über den Inhalt läuft. Zuvor war die Box an das Browserfenster angehängt und nicht an den Inhalt. Wenn also ein Benutzer mit einer kleineren Auflösung oder einer kleineren Fenstergröße Ihre Website öffnet, läuft die Box über den Inhalt. In der neuen Version wird das nicht mehr passieren. Sie ist mit dem Inhalt verbunden, d. h. wenn das Fenster klein ist, wird sie einfach ausgeblendet. Um diese Funktion hinzufügen zu können, mussten wir die Funktion abschaffen, mit der Sie auswählen konnten, auf welcher Seite des Inhalts sich die schwebende Box befinden sollte. Jetzt befindet er sich automatisch auf der linken Seite, genau wie bei WPBeginner.

Aktualisierte Social Media Buttons

Als wir das Smart Sharing Plugin zum ersten Mal auf den Markt brachten, hatten wir weder einen offiziellen Tweet-Button noch einen Facebook-Like-Button. Daher haben wir eine Menge inoffizieller Skripte von Drittanbietern wie Tweetmeme, FBShare und andere verwendet. In dieser neuen Version haben wir das Tweetmeme-Widget durch den offiziellen Retweet-Button von Twitter ersetzt. Außerdem haben wir das ungenaue FBShare-Skript durch den offiziellen Like-Button (der auch einen Sende-Button enthält) ersetzt.

Alle bisherigen Optionen, wie z.B. das Überschreiben von Optionen für einzelne Beiträge, das Auswählen, welcher Button bei welchen Beiträgen angezeigt wird, das Anpassen des Aussehens usw., sind weiterhin vorhanden.

Dieses Plugin ist exklusiv für unsere Newsletter-Abonnenten.

Smart Sharing Plugin herunterladen

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

52 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. stefnbob08 says

    Hi guys, I have installed the plugin successfully but it appears twice on my page. One on my left, which is where I want it and it scrolls just fine and the other on the right and it’s static. I don’t have any other social media plugin installed so how can I correct this? Thanks for your time!

  3. undasein says

    Hi guys, and thanks for your work! Excellent plugin.

    Is possible to show the box in the home page (not only on page-single post)?

    Thanks in advance, Im looking at the plugin code but im stucked (beginner) ;)

  4. Mission0ps says

    HI there … GR8 looking and functional plugin.. I just would like a little help getting it straight. I have it set up on mission0ps.com and changed the background box colour. Now the plugin doesn’t scroll. I don’t have a FB like button installed.. any ideas?

  5. NarenderSingh says

    Hello

    The plugin is really nice, and helps in more sharing, but the plugin is breaking all the LightBox plugins I use.

    Is there any way to correct this? I want to use lightbox, but can’t leave Smart Sharing too.

    Please Help

  6. DankoPuskaric says

    Hello, this plugin is not working. Actually, it is working, but I get this plugin twice on the site; at the top, and left (where he need to be). I tested it in three templates, and it is always same… My blog is skiingforever.com , please help!!

    • wpbeginner says

      @DankoPuskaric This usually happens for two reasons: Either because your theme has two calls to wp_head(); or that you are using some sort of FB like plugin for WordPress.

        • wpbeginner says

          @DankoPuskaric Was this our facebook open graph meta data plugin? or someone else’s?

        • DankoPuskaric says

          @wpbeginner hehe, yes it was your plugin: Simple plugin that adds Facebook Open Graph Meta information in WordPress themes to avoid no thumbnail issue, wrong title issue, and wrong description issue.Do you have some solution?

        • wpbeginner says

          @DankoPuskaric Will release an update either today or tomorrow. Then will update you here.

  7. gdradu says

    @ChristianPillaca in plugin u have a space where u can add css code for google+1

    EX:

    <div id=“googleplus1″>

    googleplugincodeEXAMPLE

    </div>

  8. dchabot3 says

    @HicksNewMedia You can also add it to the single.php page in the loop just before <?php the_content();?>., or whichever page your theme uses for posts.

  9. GPD says

    Ha right after I post this I added if_page next to if_single and I had it posting to the pages. It did mess up my sliders so I will have to visit it another day.

  10. GPD says

    This is a great floating share bar. I agree with the others that the bouncing is not for everyone but that is fixed easy enough with CSS. Since I have never tried to figure out PHP I am going to have a more difficult time getting it to post on pages but I am sure I will figure it out.

    Thank you for all the work you do.

  11. christianvuong says

    @gdradu or you can use CSS to overwrite the settings of it. something like this:

    #sharepost { position: fixed; margin-top: 0!important; top: 50%;}

    it will help vertical center the box.

  12. gdradu says

    @OmarKattan what theme do you have?

    If u have thesis remove that line and uncheck jquery scrips from design options > Home Page Display Options > JavaScript. and

    design options > JavaScript > Sitewide JS Libraries.

    On my site is working like here. It stays on middle of the site.

    And sorry for my english again, if i wrong with something :)

  13. gdradu says

    I’ve found the solution for plugin to stay fixed like on this site.

    1. Search this code on Plugin editor.

    add_action(‚wp_head‘, ’ss_css‘);function ss_css(){ if (is_single()) {?><script type=’text/javascript‘ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2′></script><script type=“text/javascript“> $(function() { var offset = $(„#sharepost“).offset(); var topPadding = <?php if (get_option(‚top_distance‘)) { echo get_option(‚top_distance‘); } else {echo ’20‘; } ?>; $(window).scroll(function() { if ($(window).scrollTop() > offset.top) { $(„#sharepost“).stop().animate({ marginTop: $(window).scrollTop() – offset.top + topPadding }); } else { $(„#sharepost“).stop().animate({ marginTop: 20 }); }; }); }); </script>

    2. Remove this line:

    else { $(„#sharepost“).stop().animate({ marginTop: 20

    And Done.

  14. gdradu says

    i’ve found the solution.

    1. Search this code:

    add_action(‚wp_head‘, ’ss_css‘);function ss_css(){ if (is_single()) {?><script type=’text/javascript‘ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2′></script><script type=“text/javascript“> $(function() { var offset = $(„#sharepost“).offset(); var topPadding = <?php if (get_option(‚top_distance‘)) { echo get_option(‚top_distance‘); } else {echo ’20‘; } ?>; $(window).scroll(function() { if ($(window).scrollTop() > offset.top) { $(„#sharepost“).stop().animate({ marginTop: $(window).scrollTop() – offset.top + topPadding }); } else { $(„#sharepost“).stop().animate({ marginTop: 20 }); }; }); }); </script>

    2. Remove this line.

    else { $(„#sharepost“).stop().animate({ marginTop: 20 });

  15. gdradu says

    Hy and sorry for my english. How to make the plugin to stay fixed like on this site? I don’t like that bouncing :)

  16. gdradu says

    Hy and sorry for my english. How to make the plugin to stay fixed like on this site? I don’t like that bouncing :)

  17. gdradu says

    Hy there and sorry for my english. Please tell me how to make smart sharing plugin width fixed like on this site?

  18. SethA.Frank says

    @wpbeginner @HicksNewMedia Ok but how do we make it not jittery? If people are uninstalling your plugin because they dont like that doesn’t that mean there should be some sort of fix for it? We like the WPBeginner floating scheme. There five other people that commented about the same thing.

  19. wpbeginner says

    @HicksNewMedia @SethA.Frank It should never show up on your homepage. Because there is a conditional tag is_single << The jitterly scrolling is a JS that we are using which was something we used per our client’s request.

    Soon, WPBeginner will be using the very same effect as well.

  20. SethA.Frank says

    @HicksNewMedia @SethA.Frank I really hope we can get a fix or a reason why it does it because the one on this page works exactly like I would like mine too. Not jittery at all

  21. HicksNewMedia says

    @SethA.Frank I had to uninstall the plugin for this exact reason – jittery scrolling and appearing at multiple locations on the homepage.

    Hopefully they’ll release an update soon

  22. SethA.Frank says

    I am in the same situation. I have it up an working but its not smooth like on this site. It’s all jiterry when you scroll. Help!

  23. ErickaBourne says

    Having a problem in displaying the share box on my site, I’m using WordPress 3.1.3 and Convergence template. What seems to be the problem?

  24. lucelarue.com says

    Hi- I tried to upload and configure but it’s not displaying at all.. any ideas? I’m using WP 3.1.3

  25. MattAlgren says

    I really like the concept, and the execution is great except that I’d rather have it sit still like on wpbeginner instead of bouncing around whenever a user scrolls up or down.

    Is there a quick way for me to change that?

  26. Melissa Cleaver says

    I had problems with trying to place it on the right side of my blog’s page and I agree with the comment above that the floating is not smooth. It jumps constantly every time you scroll down. I went back to the original version for this new one seemed to have more bugs.

  27. Adi says

    Hi,

    Very nice plugin! Previously i paid to get such addon developed for each of my plugins, but now i don’t have to!

    Regarding it’s position, what ever i write in here:
    Icons Distance From The Edge

    It’s showing up at the same place?

    Any idea what is going on?

    Thanks!

  28. Norb Winslow says

    I delete the older version and upload the new version. Isit the correct way? But I tried many times and still not working.. Now I using the old version again. Pls help me!

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.