Author Topic: [MOD] Facebook like/share/send button (Read 142108 times)

Michi26 · « **Reply #30 on:** April 15, 2011, 06:16:39 PM »

Hello,

today i have a little free-time to test your new mod. But the first step is the first problem at my page. I only have this on the main page: <html xmlns="http://www.w3.org/1999/xhtml">. Is this the part to change? If i change this, i get the follow error message: "unbalanced InstanceBegin-Tag". With this error, i can´t change my other pages with this code...

Do you have a solution for the problem? Is there a missing part?

Thanks.

budduke · « **Reply #31 on:** April 15, 2011, 10:04:01 PM »

@michi26,
Oh, the one you are describing is your main,main page which I saw what you were saying.
I was pulling up your link that you posted as http://www.partysite-badens.de/neu/partybilder.html That page is where I saw what needed to be changed. try changing the top of that page instead.
Sorry, from googling, it seems like that error is something to do with dreamweaver and templates, hopefully you will not see that error is you edit the link I posted above.

comicart · « **Reply #32 on:** April 15, 2011, 10:30:46 PM »

I just upgrade to 2.0
How do I change the button to "Share" instead of like?

Terry

budduke · « **Reply #33 on:** April 16, 2011, 12:09:53 AM »

Quote from: comicart on April 15, 2011, 10:30:46 PM

I just upgrade to 2.0
How do I change the button to "Share" instead of like?

Terry

Facebook will no longer be developing the share button. The like button does everything that the share button did.
They said that the share button will still work but nothing will be added to it down the road.
That is why I removed the note at the bottom of my original post.
You can still change the code in step #4

Code: [Select]

<fb:like to

Code: [Select]

<fb:share-button and

Code: [Select]

</fb:like> to

Code: [Select]

</fb:share-button>

comicart · « **Reply #34 on:** April 16, 2011, 08:15:26 AM »

Thanks - I just changed it.
The functionality is much different. Using "Share" it prompt you to enter your own comment about the image.
But on first test, it didn't pick up the title or description of the image.

Attached...

Michi26 · « **Reply #35 on:** April 16, 2011, 03:25:37 PM »

Sorry, i put the wrong file to update...

Now i put the new code in the right file bit it doesn`t work. I still have the same problem

Here is the link to see it: http://www.partysite-badens.de/neu/Kopievonpartybilder.html

At the first time, i tested it, i get the link to my facebook-site without the image, but now i don`t get the link or the image...

Do you have an idea, where the problem is?

Thanks.

budduke · « **Reply #36 on:** April 16, 2011, 05:51:58 PM »

@ Michi26
On the page for the link http://www.partysite-badens.de/neu/partybilder.html I also saw this code that needs to be removed...

Code: [Select]

        <div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'YOUR APP ID', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

If that still does not work then I am not sure, I stay away from iframes unless there is no other way...
The only other thing I would try is on that above link, in the <head></head> area place this code...

Code: [Select]

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
also, you can try removing the #xfbm1=1 from the above code and from where my mod tells you to insert it to force facebook to send the entire javascript code when requested.

If you are able to hack into the code you placed in your last post without destroying your site http://www.partysite-badens.de/neu/Kopievonpartybilder.html
My next troubleshooting steps would be to remove ALL javascripts except the facebooks from the page and see if you are have a compatibility issue between them all

UPDATE
Please see the added code I added on step #4. The iframe version of the like button may work for you...

@comicart,
If you have clicked on the link before, I do know that facebook caches it information so it does not have to query your site so much. I think I remember it saying 24hr before the cache flushes.
The only way to force it to flush for a single page it to place the link to the details page of that image in the linter and then it pulls up all the info it finds on that page.
http://developers.facebook.com/tools/lint/
Also, the like button now does the posting also, I have noticed it may take an extra second to come up but when you hover over the grayed out like button the post with comment apears. I hope faceboko speeds that up because, like you, I did not know it did it.

mailoo · « **Reply #37 on:** April 18, 2011, 04:38:17 AM »

i have one problem of this mod

i complete the steps right.

but the thumbnails image not appear on facebook?

only appear the icon of download.

this my site:
http://www.daralaujam.com/gallery/

budduke · « **Reply #38 on:** April 18, 2011, 12:13:11 PM »

Quote from: mailoo on April 18, 2011, 04:38:17 AM

i have one problem of this mod

i complete the steps right.

but the thumbnails image not appear on facebook?

only appear the icon of download.

this my site:
http://www.daralaujam.com/gallery/

I do not see step 2.b anywhere in your header of your pages...

mailoo · « **Reply #39 on:** April 18, 2011, 01:35:14 PM »

Quote from: budduke on April 18, 2011, 12:13:11 PM

Quote from: mailoo on April 18, 2011, 04:38:17 AM
i have one problem of this mod

i complete the steps right.

but the thumbnails image not appear on facebook?

only appear the icon of download.

this my site:
http://www.daralaujam.com/gallery/

I do not see step 2.b anywhere in your header of your pages...

i added step 2.b but:
1- the like button in old images not work fine.
2- like button in new images still give download icon on facebook thumb.

budduke · « **Reply #40 on:** April 18, 2011, 03:54:09 PM »

@ Mailoo,

Delete this code from your header file

Code: [Select]

<meta property="fb:admins" content="YOUR FACEBOOK ADMIN IDS"/> <!-- delete if not used-->
<meta property="fb:app_id" content="YOUR FACEBOOK APPLICATION ID"/> <!-- delete if not used-->

also in your header file you have 2 <html> tags, not sure if causing problems,

Code: [Select]

<html dir="rtl">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html dir="rtl" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

Change to

Code: [Select]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html dir="rtl" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

see what that does, I do know facebook is picky about the dimensions of the thumbnails, not sure if that is your problem.
go to http://developers.facebook.com/tools/lint/ and type in the path to one of your detail pages. That will tell you what facebook sees on their end.

mailoo · « **Reply #41 on:** April 18, 2011, 05:05:21 PM »

Quote from: budduke on April 18, 2011, 03:54:09 PM

@ Mailoo,

Delete this code from your header file
Code: [Select]
<meta property="fb:admins" content="YOUR FACEBOOK ADMIN IDS"/>  <meta property="fb:app_id" content="YOUR FACEBOOK APPLICATION ID"/> 
also in your header file you have 2 <html> tags, not sure if causing problems,
Code: [Select]
<html dir="rtl"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html dir="rtl" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
Change to
Code: [Select]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html dir="rtl" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
see what that does, I do know facebook is picky about the dimensions of the thumbnails, not sure if that is your problem.
go to http://developers.facebook.com/tools/lint/ and type in the path to one of your detail pages. That will tell you what facebook sees on their end.

this is header file on my site: attachment.
can you help me plz.
there is no change after edit

budduke · « **Reply #42 on:** April 18, 2011, 05:36:07 PM »

@ Mailoo,

Attached is a screenshot of what I am getting. I can not read your language so I am hoping it is correct. The thumbnail on the top on did have that download button. I had to put that link in facebook's linter http://developers.facebook.com/tools/lint/ to force it to check the thumbnail again.
When facebook first looks at your link, it caches what it finds so it does not have to look at it all the time. If you remember which items had the download button showing, you need to place the links to the detail pages of those images in the lint so it will refresh the cache, or you can wait 24hr for facebook to recache your pages.

You may want to look at the header again, I saw some things missing in it.
on step 2.b make sure you place everything in your header file except the facebookIDs and facebookAdmins lines that I told you to remove in the last post.

mailoo · « **Reply #43 on:** April 18, 2011, 05:41:19 PM »

but the like button on this page for example:
still not work:
http://daralaujam.com/gallery/cat214.htm

sorry..
this is an attachmen file:

update:
now work fine

this is last edit of header file:

Code: [Select]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html dir="{direction}" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">


<head>

<title>{site_name}</title>

{if page_details}
<meta property="og:url" content="{fb_url}"/>
<meta property="og:title" content="{facebook_title}"/>
<meta property="og:image" content="{facebook_image}"/>
{endif page_details}

<meta http-equiv="content-type" content="text/html; charset={charset}" />

<link rel="stylesheet" href="{template_url}/style.css" />

{if has_rss}

<link rel="alternate" type="application/rss+xml" title="{rss_title}" href="{rss_url}" />

{endif has_rss}

</head>

<body bgcolor="#E9E9E9" text="#050505" link="#E54F00" vlink="#E54F00" alink="#E54F00">
<style> 
<!-- 
A:link {text-decoration: none; color: } 
A:visited {text-decoration: none; color: } 
A:active {text-decoration: none; color: } 
A:hover {text-decoration: none; color: } 
--> 
</style>

thomseye · « **Reply #44 on:** April 20, 2011, 05:49:11 PM »

I hate to ask for help. I really tried everything to remedy this issue by following instructions and then following a fix that was similar to the problem I'm having.

What I have is - when clicking on the "LIKE" button, is a brief white-looking small pop-up that disappears before anything happens... before I can type into a window. So essentially, I click the "LIKE" button and it adds a "1" to the button, then goes back to just a "LIKE" button. Facebook doesn't recognize the "LIKE" either.

I know this isn't right. Can you tutor me a bit here?

Code: [Select]

My site URL is http://www.richardhasawebsite.com
Be aware that my site is adult only.

Thank you so much and sorry for needing your time!

HEADER.HTML

Code: [Select]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{direction}" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>{prepend_head_title}{site_name}</title>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<meta property="og:type" content="website"/>
<meta property="og:site_name" content="{site_name}"/>
{if page_details}
<meta property="og:url" content="{fb_url}"/>
<meta property="og:title" content="{facebook_title}"/>
<meta property="og:description" content="{detail_meta_description}"/>
<meta property="og:image" content="{facebook_image}"/>
{endif page_details}
<meta http-equiv="content-type" content="text/html; charset={charset}">
<meta name="description" content="{detail_meta_description}{site_name}">
<meta name="keywords" content="{detail_meta_keywords}">
<meta name="robots" content="index,follow">
<meta name="revisit-after" content="10 days">
<meta http-equiv="imagetoolbar" content="no">
<link rel="stylesheet" href="{template_url}/style.css" type="text/css">
<link rel="shortcut icon" href="{home_url}favicon.ico">
<script type="text/javascript" src="http://cdn.sublimevideo.net/js/fubl7o4t.js"></script>
<script language="javascript" type="text/javascript">
<!--

  var captcha_reload_count = 0;
	var captcha_image_url = "{url_captcha_image}";
  function new_captcha_image() {
    if (captcha_image_url.indexOf('?') == -1) {
		  document.getElementById('captcha_image').src= captcha_image_url+'?c='+captcha_reload_count;
		} else {
		  document.getElementById('captcha_image').src= captcha_image_url+'&c='+captcha_reload_count;
		}

    document.getElementById('captcha_input').value="";
    document.getElementById('captcha_input').focus();
    captcha_reload_count++;
  }

	function opendetailwindow() { 
    window.open('','detailwindow','toolbar=no,scrollbars=yes,resizable=no,width=680,height=480');
  }
  
  function right(e) {
    if ((document.layers || (document.getElementById && !document.all)) && (e.which == 2 || e.which == 3)) {
      alert("Ãƒâ€šÃ‚Â© Copyright by {site_name}");
      return false;
    }
    else if (event.button == 2 || event.button == 3) {
      alert("Ãƒâ€šÃ‚Â© Copyright by {site_name}");
      return false;
    }
    return true;
  }

  if (document.layers){
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown = right;
  }
  else if (document.all && !document.getElementById){
    document.onmousedown = right;
  }

	document.oncontextmenu = new Function("alert('Ãƒâ€šÃ‚Â© Copyright by {site_name}');return false");

// -->
</script>
{if has_rss}
<link rel="alternate" type="application/rss+xml" title="{rss_title}" href="{rss_url}">
{endif has_rss}
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-21694612-5']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script></head>
<body bgcolor="#FFFFFF" text="#0F5475" link="#0F5475" vlink="#0F5475" alink="#0F5475"><table bgcolor="#e1e1e1" align="center" width="960" cellpadding="0" cellspacing="0">
<tr><td style="text-align: center"><a href="http://join.mrskin.com/track/NTI2MTg6Mzox/top10-2010" target="_blank">
<img src="http://images.mrskincash.com/top10_2010_728x90.jpg" width="728" height="90" border=0" style="vertical-align: middle; border-style: solid; border-width: 2px"></a><br><br><!-- Begin: Black Label Ads, Generated: 2011-04-09 22:39:18  -->
<script type="text/javascript">
var AdBrite_Title_Color = '447C9A';
var AdBrite_Text_Color = '000000';
var AdBrite_Background_Color = 'E1E1E1';
var AdBrite_Border_Color = '004C75';
var AdBrite_URL_Color = 'B91111';
try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
</script>
<span style="white-space:nowrap;"><script type="text/javascript">document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1907181&zs=3732385f3930&ifr='+AdBrite_Iframe+'&ref='+AdBrite_Referrer+'" type="text/javascript">');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));</script>
<a target="_top" href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=1907181&afsid=55544"><img src="http://files.adbrite.com/mb/images/adbrite-your-ad-here-leaderboard-w.gif" style="background-color:#004C75;border:none;padding:0;margin:0;" alt="Your Ad Here" width="14" height="90" border="0" /></a></span>
<!-- End: Black Label Ads --><br><br>
</td></tr>

4images Forum & Community

News:

Author Topic: [MOD] Facebook like/share/send button (Read 142108 times)

Michi26

Re: [MOD] Facebook like/share/send button

budduke

Re: [MOD] Facebook like/share/send button

comicart

Re: [MOD] Facebook like/share/send button

budduke

Re: [MOD] Facebook like/share/send button

comicart

Re: [MOD] Facebook like/share/send button

Michi26

Re: [MOD] Facebook like/share/send button

budduke

Re: [MOD] Facebook like/share/send button

mailoo

Re: [MOD] Facebook like/share/send button

budduke

Re: [MOD] Facebook like/share/send button

mailoo

Re: [MOD] Facebook like/share/send button

budduke

Re: [MOD] Facebook like/share/send button

mailoo

Re: [MOD] Facebook like/share/send button

budduke

Re: [MOD] Facebook like/share/send button

mailoo

Re: [MOD] Facebook like/share/send button

thomseye

Re: [MOD] Facebook like/share/send button