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

0 Members and 1 Guest are viewing this topic.

Offline budduke

  • Hero Member
  • *****
  • Posts: 506
    • View Profile
    • http://www.budduke.com
Re: [MOD] Facebook like/share/send button
« Reply #15 on: April 07, 2011, 04:22:39 PM »
Sorry, but i don`t understand you exactly. I also did step 2...where is the change or the error in your step?

Sorry, I modified the step two in the code above, or if you are looking at your header.html file
You need to put a " after the {direction} in that line.
Buddy Duke
www.budduke.com

Offline Michi26

  • Newbie
  • *
  • Posts: 23
    • View Profile
Re: [MOD] Facebook like/share/send button
« Reply #16 on: April 07, 2011, 04:37:43 PM »
Ok, i found the error...

But the problem is still there...

If i click the facebook-button, on my facebook-profile is only the link to my page und not the picture...here the result: http://www.partysite-badens.de/test.jpg

Offline budduke

  • Hero Member
  • *****
  • Posts: 506
    • View Profile
    • http://www.budduke.com
Re: [MOD] Facebook like/share/send button
« Reply #17 on: April 07, 2011, 04:48:55 PM »
Yes, I am seeing that same thing on your site. It is like it is not seeing the og stuff in the links.
Not sure why, al your code looks correct.
One thing you could try which Jeyjoo pointed out that people that I have worked with said you no longer need to do is to put the information in the header.html file instead of the details...

UPDATE: I think I figured it out...

Your gallery is running inside of a frame...
Do step#2 to your main header page for your site and lets see what happens...
« Last Edit: April 07, 2011, 05:11:33 PM by budduke »
Buddy Duke
www.budduke.com

Offline Michi26

  • Newbie
  • *
  • Posts: 23
    • View Profile
Re: [MOD] Facebook like/share/send button
« Reply #18 on: April 07, 2011, 05:41:45 PM »
Thank you for your tips. But the problem ist still there.

I have copied the code into this site: http://www.partysite-badens.de/neu/partybilder.html, but the problem ist also there. Is there no opinion to copy the code in the site with the miniature images? I think, there ist not another way to get this wonderful mod.

Offline Loda

  • Sr. Member
  • ****
  • Posts: 353
    • View Profile
    • Fotosucht Schweiz
Re: [MOD] Facebook like/share/send button
« Reply #19 on: April 07, 2011, 05:57:10 PM »
i'ver a question:
can you post the first code you make in the step 2?
I've got problems with the modified code in step 2.
with your first code it runs for me.

Offline budduke

  • Hero Member
  • *****
  • Posts: 506
    • View Profile
    • http://www.budduke.com
Re: [MOD] Facebook like/share/send button
« Reply #20 on: April 07, 2011, 07:27:01 PM »
i'ver a question:
can you post the first code you make in the step 2?
I've got problems with the modified code in step 2.
with your first code it runs for me.


What I left out in step 2 was the quote that is after {direction}
There should be
Code: [Select]
"{direction}" xmln...  and not
Code: [Select]
"{direction}  xmln...
You can also try this...
Code: [Select]
<html dir="{direction}">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
Buddy Duke
www.budduke.com

Offline Michi26

  • Newbie
  • *
  • Posts: 23
    • View Profile
Re: [MOD] Facebook like/share/send button
« Reply #21 on: April 07, 2011, 07:41:54 PM »
Too bad that this mod doesn`t work on my Hompage. I think the problem is that my gallery is in an iframe, so that the mod have problems with the url of the image.

If somebody has another idea to solve this problem...

Thanks...

Offline Loda

  • Sr. Member
  • ****
  • Posts: 353
    • View Profile
    • Fotosucht Schweiz
Re: [MOD] Facebook like/share/send button
« Reply #22 on: April 07, 2011, 07:50:54 PM »
@ budduke
ok.. thank you..

Offline budduke

  • Hero Member
  • *****
  • Posts: 506
    • View Profile
    • http://www.budduke.com
Re: [MOD] Facebook like/share/send button
« Reply #23 on: April 07, 2011, 08:21:56 PM »
Too bad that this mod doesn`t work on my Hompage. I think the problem is that my gallery is in an iframe, so that the mod have problems with the url of the image.

If somebody has another idea to solve this problem...

Thanks...

I have some ideas but will not have time till this weekend to mess around with it...
I think I might have figured out how to get the thumbnails pages to work also by researching into your problem.

VERSION 2.0 just posted with what I think will fix all problems
« Last Edit: April 09, 2011, 07:17:51 PM by budduke »
Buddy Duke
www.budduke.com

Offline Michi26

  • Newbie
  • *
  • Posts: 23
    • View Profile
Re: [MOD] Facebook like/share/send button
« Reply #24 on: April 10, 2011, 02:56:18 PM »
Hello,
than you für you updated Mod. Now i see the like-buttons on my miniature imagines site, but it still doesn`t work. If i click to one of these buttons, the field to put a commentar opens, but it closes a few seconds later so that i can´t put a commentar. And if i click to the button "like", my facebook site doesn´t show this.
I tested this with a picture from your homepage and there it works.
Perhaps you have an idea, where the problem is...
Do i need a facebook app id for this? no, or?
Thank you.

Offline budduke

  • Hero Member
  • *****
  • Posts: 506
    • View Profile
    • http://www.budduke.com
Re: [MOD] Facebook like/share/send button
« Reply #25 on: April 10, 2011, 06:25:55 PM »
Try removing these meta tags from your header.html 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-->

The one thing I saw in the thumbnail pages is that you have the like button inside your <sup></sup> tag. Try placing it outside of that tag.

the rest of the code looks correct. I do have a facebook appid set for my site so I can play around with their insight area that monitors it but when I was testing it I did not have an appid in the code.
Buddy Duke
www.budduke.com

Offline Michi26

  • Newbie
  • *
  • Posts: 23
    • View Profile
Re: [MOD] Facebook like/share/send button
« Reply #26 on: April 10, 2011, 08:01:47 PM »
Thanks for your help. I deleted the both meta-tags and put the code behind the sup-Tag, but the problem is still there. Sorry.

Is perhaps the problem with the links to the facebook-server? I have the files on my server so you can also see the problem. If you click on the like-button the comment-field goes away befor you can write something there :-(

Offline budduke

  • Hero Member
  • *****
  • Posts: 506
    • View Profile
    • http://www.budduke.com
Re: [MOD] Facebook like/share/send button
« Reply #27 on: April 10, 2011, 08:46:03 PM »
Try putting Step 2.c in your webpage...
I am beginning to believe it has something to do with your iframe...
I will have to setup a test site using iframe to see what I can see on my end...
Buddy Duke
www.budduke.com

Offline Michi26

  • Newbie
  • *
  • Posts: 23
    • View Profile
Re: [MOD] Facebook like/share/send button
« Reply #28 on: April 10, 2011, 09:06:42 PM »
Hello,

i also think that the problem is the iframe. If you find a solution to solve this problem by testing with a test-site, i will be glad.

For the moment, i deleted the new files from my homepage so that the old condition is there.

Thanks.

Offline budduke

  • Hero Member
  • *****
  • Posts: 506
    • View Profile
    • http://www.budduke.com
Re: [MOD] Facebook like/share/send button
« Reply #29 on: April 12, 2011, 01:23:44 AM »
@ Michi26,
Here is what I came up with on my testing...
On your main index page for your website (outside of the 4images site)
Change
Code: [Select]
<html dir="{direction}">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"><!-- InstanceBegin template="/Templates/vorlage.dwt" codeOutsideHTMLIsLocked="false" -->
To
Code: [Select]
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"><!-- InstanceBegin template="/Templates/vorlage.dwt" codeOutsideHTMLIsLocked="false" -->

and remove this from your main index page also...
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>

Now on the 4images site... notice my new entries written in red on my original post. If you do not add those meta fields and do not insert the script into your header.html file, my test site ran fine inside of an iframe.
Let me know if it works for you...
Buddy Duke
www.budduke.com