WPBeginnerのすべての投稿日にフローティングシェアボックスがあることにお気づきでしょうか。私たちは1年以上前にSmart Sharingというプラグインをリリースしました。Smart Sharingプラグインを使用すると、現在の読者の力を最大限に活用して、ソーシャルメディアでより多くの票を集めることができます。このプラグインは、個別投稿ページにソーシャルメディアのアイコンが付いたスクロールボックスを追加し、読者がページをスクロールすると、継続的に共有ボタンが表示されるようにします。B.F.スキナーの正の強化理論をマーケティングに応用しています。ユーザーは投稿をシェアする義務があると感じ、その見返りとして、ソーシャルメディアを使ってより多くのトラフィック、リード、コンバージョンを獲得することができます。あなたの良質なコンテンツは、それにふさわしい露出を得ることができ、また、ソーシャルメディアネットワークにおいて、あなたのブランドのための健全なコミュニティを作ることができる。
プラグインには、長い間修正されるのを待っていた大きなバグがありました。今回のクイックリリースv1.1では、この大きなバグを修正し、いくつかの更新を行いました。この新しいバージョンでは何が追加されたのでしょうか？
主なバグ修正
まず、フローティングボックスがコンテンツの上に乗ってしまう問題を修正しました。以前は、ボックスはコンテンツではなく、ブラウザーウィンドウに添付されていました。そのため、解像度の低いユーザーやウィンドウサイズの小さいユーザーがサイトを開くと、ボックスがコンテンツの上に重なってしまうことがありました。この新しいバージョンでは、フローティングボックスはそのようなことはありません。コンテンツに添付されるため、ウィンドウが小さい場合は非表示になります。この機能を追加するために、フローティング・ボックスをコンテンツのどちら側に配置するかを選択できる機能を削除する必要がありました。これで、WPBeginnerのように自動的に左側に表示されるようになりました。
ソーシャルメディアボタンの更新
Smart Sharingプラグインをリリースした当初は、公式のツイートボタンやFacebookのいいね！ボタンがありませんでした。そのため、TweetmemeやFBShareなどの非公式なサードパーティスクリプトを使用していました。この新しいバージョンでは、tweetmemeウィジェットをtwitterの公式リツイートボタンに置き換えました。また、不正確なFBShareスクリプトを公式のいいね！ボタン（送信ボタンも付いています）に置き換えました。
個別投稿の上書きオプション、どの投稿日:にどのボタンを表示するかの選択、見た目のカスタマイズなど、過去の設定もすべて残っています。
このプラグインはニュースレター購読者限定です。
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!
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!
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)
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?
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
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.
DankoPuskaric says
Thank you! it was plugin : Facebook Open Graph Meta in 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.
DankoPuskaric says
@wpbeginner hello! Did you release an update?? thx!!
gdradu says
@ChristianPillaca in plugin u have a space where u can add css code for google+1
EX:
<div id=”googleplus1″>
googleplugincodeEXAMPLE
</div>
ChristianPillaca says
how about google +1?
AstroGremlin says
I’m interested but it goes off the left side of the WPBeginner page and can’t read it!
mrahmadawais says
unable to download it …I am an old subscriber
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.
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.
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.
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.
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
OmarKattan says
@gdradu Thanks but this doesn’t keep it fixed like the site. It stays at the top.
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.
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 });
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
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
gdradu says
Hy there and sorry for my english. Please tell me how to make smart sharing plugin width fixed like on this site?
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.
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.
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
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
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!
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?
OmarKattan says
@nilesh.peshawaria @MattAlgren Same here, can you please let us know how. Thanks
OmarKattan says
@MattAlgren
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
nilesh.peshawaria says
@MattAlgren
I’d also like to know how to keep the bar stationary…
wpbeginner says
@HicksNewMedia You can paste the google +1 codes in custom codes section.
HicksNewMedia says
How do we add the Google +1 code to the plugin?
Thanks in advance
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?
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.
ijat says
I installed it on my blog. It’s floating but not smooth. Why?
Editorial Staff says
what do you mean by not smooth?
管理者
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!
Editorial Staff says
Try adding the value in negative pixels.
管理者
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!
Editorial Staff says
What was not working in the new version?
管理者
Norb Winslow says
The new version does not display in the left side as if I didn’t install it. When try to delete and upload by old version, it only works. So currently I’m using the old version. Can I know the proper way to update this plugin? Isit by deleting the old ones and upload the new version?
Editorial Staff says
Please send us an email, so we can take a closer look.
Gemma says
Awesome plugin. I will be using it for my projects. Thanks for releasing/updating it.
Suraj says
I installed it on the blog but it’s not floating, it’s not moving, is it because of thesis theme or other problem?
Suraj says
Hi problem resolved after enabling jQuery from thesis theme setting! Really nice plugin!