How to insert a facebook like button in a confluence page?

[Bahar Çağlar]

I am trying to add facebok like putton to my confluence page.

Facebook developers gives the code:

http://developers.facebook.com/docs/reference/plugins/like/

I tried to add html using html-include macro, but it doesn't work :S

I want to add social links like atlassian blog does.

How can I do this? Please help.

Thanks for answers.

[sdgew sdfwe]

~~~ spam ~~~

[David at David Simpson Apps]

See this reference:

http://developers.facebook.com/docs/reference/plugins/like/

Adapting the HTML5 version of the generated code...

Browse to Confluence Admin | Look & Feel | Custom HTML

In At the end of HEAD, paste:

<script>
AJS.toInit(function(){
	var fbLike = '<div class="fb-like" data-href="' + window.location.href + '" data-send="false" data-width="450" data-show-faces="true"></div>';	
	var fbScript = '<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_GB/all.js#xfbml=1";  fjs.parentNode.insertBefore(js, fjs); }(document, \'script\', \'facebook-jssdk\'));</' + 'script>';
	
	AJS.$('.wiki-content').append(fbLike);
	AJS.$('body').prepend(fbScript);
});
</script>

You should now be able to like and also post to FB:

[Bahar Çağlar]

This inserts to header, but I want to add wherever I want to use it.

[David at David Simpson Apps]

Yes, that looks kinda weird. I've made a minor edit to the script and it's working good for me on Confluence 4.2 using Google Chrome and Safari on a OSX Lion.

This approach may be better than the answer by @Bahar Çağlar because it automatically will embed the like button on all Confluence pages/blogposts.