Share Buttons for Categories

[jeetututeja]

Simple share working on individual post pages, but I'd also like to add to my category pages as well.

When I put the code { (genesis_share_icon_output( 'shareachive', array( 'googlePlus','facebook', 'twitter' ) ) } on Category pages they point to the url of whatever post is at the top of the list. If I try to place the Share buttons at the bottom, they pick up the url of the last post listed.

But actually it should share the Home Page or Category page link .

I tried with following hooks, but still showing the same issue
genesis_before_content_sidebar_wrap
genesis_before_content
genesis_before_loop

I tried few other plugins also tried on manual coding but it did work except Crafty-Social-Plugin which I don't want to use

Could you help me ?

The issue is similar to the following URL. but they solved it for Crafty-Social-Plugin (do_action('crafty-social-share-page-buttons'); })
https://wordpress.org/support/topic/share-buttons-for-categories

http://www.smarttutors.com/

[Sridhar Katakam]

Pasting from my tutorial, http://www.sridharkatakam.com/beautiful-social-sharing-icons-using-genesis-simple-share/:

The plugin is meant to give you a way to add social sharing icons in the scope of Page or individual Post. It does not work (as you would expect) if you are trying to share an entire listings page like the Posts page or category archives. ‘Show on Archive Pages’ is intended for displaying the social buttons for EACH post on the archive page, not the full page itself.

---

Genesis Tutorials | Follow me on Twitter

[jeetututeja]

Dear Shridhar,

Please read carefully I said I tried other plugins also tried manual coding but its showing the same results.

Please help.

[Sridhar Katakam]

Do you mind telling the name of any plugin that you like which does what you want when a non-Genesis theme is active?

---

Genesis Tutorials | Follow me on Twitter

[jeetututeja]

Dear Shridhar,

Crafty-Social-Plugin work fine if use this code : (do_action(‘crafty-social-share-page-buttons’);

Crafty Social Buttons

I already wrote this in my post 🙂

The issue is similar to the following URL. but they solved it for Crafty-Social-Plugin (do_action(‘crafty-social-share-page-buttons’); })

https://wordpress.org/support/topic/share-buttons-for-categories

[Sridhar Katakam]

You wrote that you got Crafty Social Buttons to work in Genesis but you do not want to use it.

Is there a plugin that you want to use having your desired feature (of sharing buttons for the entire archive page) which works in a non Genesis theme but not in Genesis?

---

Genesis Tutorials | Follow me on Twitter

[jeetututeja]

It will be great if I use manual code from facebook & Google+ . I don't want to use any plugin.

[jeetututeja]

Dear Shridhar,

is there any solution??

[jeetututeja]

Is there anyone in support team who can help me out.

I don't know why its fetching the post in loop from following hooks for category page. I was using hooks (OpenHook) in thesis and it was working fine .. its happening only in Genesis.

genesis_before_content_sidebar_wrap
genesis_before_content
genesis_before_loop

Please help

[Sridhar Katakam]

We are again at square one.

What exactly is not working in Genesis, that is working in Thesis?

manual code from facebook & Google+

^^ that?

As both of us concur, Genesis Simple Share is not designed (at this time) to share archive pages URLs but only for each individual posts.

---

Genesis Tutorials | Follow me on Twitter

[jeetututeja]

Dear Shridhar,

Its almost done, You can check the website ..

Manual Code mean which I just copy paste to website from GOOGLE+ & Facebook.

[jeetututeja]

Shridhar,

I am not talking about specifically for Genesis Simple Share or any other plugin.

I am saying that I am not using any plugin and using facebook, Google, twitter share button on category pages they point to the url of whatever post is at the top of the list. If I try to place the Share buttons at the bottom, they pick up the url of the last post listed.

Hope you understand this time

[Sridhar Katakam]

Got it.

I will test this tomorrow and post an update.

---

Genesis Tutorials | Follow me on Twitter

[jeetututeja]

Any Update ?

[Sridhar Katakam]

Tested and working fine.

functions.php:

add_action( 'get_header', 'facebook_share_btn_sdk' );
function facebook_share_btn_sdk() {
	echo '<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=357648750922513&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, \'script\', \'facebook-jssdk\'));</script>';
}

add_action( 'genesis_after_header', 'facebook_share_btn' );
function facebook_share_btn() {
	echo '<div class="social-media-sharing"><div class="wrap">
	<div class="fb-share-button social-share-btn" data-layout="button_count"></div>
	<div class="social-share-btn"><div class="g-plus" data-action="share" data-annotation="bubble"></div></div>
	<div class="social-share-btn"><a href="https://twitter.com/share" class="twitter-share-button" data-via="srikat">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?\'http\':\'https\';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+\'://platform.twitter.com/widgets.js\';fjs.parentNode.insertBefore(js,fjs);}}(document, \'script\', \'twitter-wjs\');</script></div>
	</div></div>';
}

add_action( 'wp_footer', 'google_share_init' );
function google_share_init() {
	echo '<script src="https://apis.google.com/js/platform.js" async defer></script>';
}

style.css:

.social-media-sharing {
	margin-top: 40px;
}

.social-share-btn {
	margin-right: 20px;
	display: inline-block;
	float: left;
}

.social-share-btn:last-child {
	margin-right: 0;
}

Screenshot:

http://cl.ly/image/3M3J2W0v1N3l

Let me know if you want to see a live demo.

---

Genesis Tutorials | Follow me on Twitter

[jeetututeja]

Yes please share the URL

[Sridhar Katakam]

http://websitesetuppro.com/demos/devsite/category/featured/

---

Genesis Tutorials | Follow me on Twitter

[jeffreyd00]

What if I only wanted it to show on is_single and is_home ?

[Sridhar Katakam]

Inside each function at the beginning you could write the conditional to return if the current page is not where you want.

Ex.: http://pastebin.com/raw.php?i=ybJiwujp

---

Genesis Tutorials | Follow me on Twitter

[jeffreyd00]

Thank you!

[Author]

Posts