Facebook Like Droplet

[crnogorac081]

Hi,

I found this wordpress plugin and code it to be wb droplet

And the code:

Code: [Select]

$host = $_SERVER['HTTP_HOST'];
$self = $_SERVER['PHP_SELF'];
$query = !empty($_SERVER['QUERY_STRING']) ? $_SERVER['QUERY_STRING'] : null;
$url = !empty($query) ? "http://$host$self?$query" : "http://$host$self";

$the_perma = rawurlencode($url);
$the_iframe = '<div id="facebook_like"><iframe src="http://www.facebook.com/plugins/like.php?href='.$the_perma.'&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:auto;"></iframe></div>';
return $the_iframe;

let me know the impressions..

cheers

[snark]

hey crnogorac081,

have you seen and tested my soc network droplets

[crnogorac081]

yea I did. It is nice. This is kind of different

[computer351]

I really like this! Good job!! When can we get it? Thanks, Greg (computer351)

[Stefek]

Hello Ivan,

This is really cool!

I am courious about the code.

Regards,
Stefek

[crnogorac081]

Hi Stefek,

There is not much code I posted it in first post..

cheers

[Stefek]

Hello Ivan,

Thanks,

regards,
Stefek

[frankyboy]

Great Work!

[jollylama]

this could be really great! - however i'm not up to speed on droplets - i'm not sure how to add the code.. and where?

any help or tutorials?

thanks!

[jollylama]

haha - I figured it out!!

Go to: Admin Tools/Droplets

Add Droplet and flop in the code!

[crnogorac081]

Im glad you like it

[snark]

I would like to use this on a newspage but I would like the newstitle to be displayed along with the page title ... is that possible?

[crnogorac081]

Hi,

you can try to set the $url parameter to match your page title..

cheers

[snark]

I tried that but that does not zeem to respond

[crnogorac081]

did you put droplet on long content page ?

[snark]

yes I did, it makes a correct link towards the page but the text of the link as it is displayed in facebook is only the website-title + the newspage-title .. not the actual news-item-title

[biber.beat]

Hey,

I use your droplet but I´m faceing the problem, that the code is NOT tranfering the unique url within the "Like it". Online my main-url will be transfered - no matter on wich page I place the droplet.

What do I wrong?

[crnogorac081]

I noticed that too, but could not find the solution yet..

maybe facebook doesnt allow you to like pages, but site only..

cheers

[biber.beat]

I found out that it may has to do something with the open-graph meta-infos.

For example: with "og:image" you can set the thumbnail for Facebook and if you set "og:title" fix - the droplet will deliver this info to Facebook.

Here you can see how it works good: http://www.hasenfarm.com/pages/motive/ein-aug-hase.php

[biber.beat]

Hey! If you set the following Open-Graph-Meta-Infos the droplet is working fine:

   <meta property="og:image" content="absolute_path_to_pi cture.jpg/>
   <meta property="og:title" content="<?php page_title(); ?>"/>
   <meta property="og:site_name" content="<?php page_title(); ?>"/>
   <meta property="og:description" content="<?php page_description();?"/>

Unfortunally I could not figure out why I have to set an image. Otherwise none-relevant pictures are send to the wall-posting on facebook.

[herojohan]

This is extremly handy!


Thank you!

[Bug]

Does the facebook like script provided by addthis work as it should or does that give the same result

[jacobi22]

english:
here a resolution without W3C-Errors. the internet explorer need the code "allowTransparency="true"" to display the iframe transparent, but allowTransparency is not W3C-conform

german:
die W3C-Prüfung gibt einen Fehler für allowTransparency aus. der Internet-Explorer benötigt aber diese Angabe. Ohne allowTransparency würde die Box mit schwarzen bzw. weißen Hintergrund dargestellt.
Um den Fehler abzustellen, fügt man eine Abfrage ein, welcher Browser verwendet wird und verwendet je nach Antwort einen Code für den IE (mit allowTransparency) oder für alle anderen Browser ohne allowTransparency

Hier der geänderte Droplet-Code

Code: [Select]

$host = $_SERVER['HTTP_HOST'];
$self = $_SERVER['PHP_SELF'];
$query = !empty($_SERVER['QUERY_STRING']) ? $_SERVER['QUERY_STRING'] : null;
$url = !empty($query) ? "http://$host$self?$query" : "http://$host$self";

$the_perma        = rawurlencode($url);
$the_iframe        = '<div id="facebook_like"><!--[if IE]><iframe src="http://www.facebook.com/plugins/like.php?href='.$the_perma.'&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:auto;"></iframe></iframe><![endif]--><iframe src="http://www.facebook.com/plugins/like.php?href='.$the_perma.'&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:auto;"></iframe><!--<![endif]--></div>';
return $the_iframe;

[sky writer]

I still get an error:

Validation Output: 1 Error

    Error Line 120, Column 55: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

    …lign: center;"><div id="facebook_like"><!--[if IE]><iframe src="http://www.fac…

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

I also have a question about:

Hey! If you set the following Open-Graph-Meta-Infos the droplet is working fine:

   <meta property="og:image" content="absolute_path_to_pi cture.jpg/>
   <meta property="og:title" content="<?php page_title(); ?>"/>
   <meta property="og:site_name" content="<?php page_title(); ?>"/>
   <meta property="og:description" content="<?php page_description();?"/>

Unfortunally I could not figure out why I have to set an image. Otherwise none-relevant pictures are send to the wall-posting on facebook.

How and where do you add this code?  What do you enter for "absolute_path_to_pi cture.jpg"

[crnogorac081]

Hi,

my portal was kind of perfect (with no errors at all) before facebook and open graph tags appeared , and now I am not considering those errors any more.. 

Abs. path to picture is: www.yoursite.xy/media/folder/picture.jpg

take a look at tags on my portal: www.mondocafe.me

cheers,
Ivan