Adding "Facebook Send" Buttons to your pages

From KickApps Documentation

Jump to: navigation, search

On April 25th, Facebook added a new social plugin, the "Send" Button.

Facebook Developers says, "The Send button is a social plugin that websites can use to let people send a link to a friend through Facebook Messages, post it to a Group, or email it to an individual. For example, if you see a Mother's Day gift idea on 1-800-Flowers.com, you can now send a message or email to your family members to discuss. Or say you're training for a marathon and you come across a great article about running shoes on The Huffington Post. Now you can share it with your entire running group in just one click.

The Send button drives traffic by letting users send a link and a short message to the people that would be most interested. They don't need to leave the web page they’re on or fill out a long, annoying form. Compared to the alternatives, the Send button has fewer required steps, and it removes the need to look up email addresses by auto-suggesting friends and Groups."

The SEND button code ONLY works correctly on DNS masked KIT Cloud Social sites. Otherwise Facebook cannot find the correct meta data to populate the Send message.


ADD THE BUTTON TO YOUR PLAY PAGES

Add the Facebook Send button (which is really BOTH a Like and Send buttons!) to your site's "play pages" by pasting the following code into the footer section of your Global Page Template in the Control Panel.

This code puts the button right under the Title and above the description (#ka_descriptionBlog).
To change the location of the button on the page to below the description, substitute the selector #ka_playPageStats for #ka_descriptionBlog in the code.


CODE


<!-- script for putting Facebook Like and Send buttons on play pages -->

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

<script type="text/javascript">

//FBLIKEBUTTON

$j(function(){

if (Ka.Info.PAGE == "pages/mediaPlayPage.jsp"){

var currentUrl = document.location.href,
likeLink = '<fb:like href="'+currentUrl+'" show_faces="true" width="450" send="true"></fb:like>';

$j('#ka_descriptionBlog').before(likeLink);

}

});

</script>

If you use this code snippet, you don't need to use the other "Like" button snippet. Just use one or the other.

Here is the Send button on the Playpage under the description:

fb_send.jpg


And here is an example of what the Send button puts on your Wall when you LIKE that Play Page, including a live Player (if the play page is a video play page) that works right on the Facebook Wall.

fbwall.jpg