Topic-icon LIKE BUTTON NOT SHOWING

Active Subscriptions:

None
11 years 11 months ago #22841 by fb_514882570
hi.. i have been using your extension since a long time ago.. all this while, there is no problem at all but recently now, in both my sites, there is a problem.. the LIKE, SHARE or SUBSCRIBE button is NOT SHOWING at all.. so i just recently started to build e-commerce website, using the same latest joomla 2.5.4.. Extensions on my site, i use only the best and high rated extensions from the trustworthy developers, nothing else.. so there should be no conflict at all because i keep it clean and organized..

so the problem is, if you take a look at my e-commerce website www.qisra.com (i have not made it public, because i dont want any user interactions at the moment, so that is why i disable it).. you will never see any of the LIKE, SHARE or SUBSCRIBE button anywhere in the website EXCEPT under the SHOP, WOMEN, MEN, KIDS, OTHERS because this is associated with ACESHOP extension, under these links, you will be able to see all those LIKE, SHARE or SUBSCRIBE button at the header of the website on top, and also bottom end of the website, and at any of the products..

For your information, i just enabled the MAXCDN content delivery network.. if i DISABLE the CDN, everything is NORMAL.. but if i ENABLE the CDN, these button is not showing except under those shopping area.. please help as i need to fixed this urgent..

NOTE: website is DISABLED now, reply me over here quickly and i will ENABLE it..
The topic has been locked.
Active Subscriptions:

None
11 years 11 months ago #22844 by fb_514882570
also i noticed, from the products page, all the products has IMAGES and there is a LIKE button, but when i press the LIKE button, it is not showing the image of the product.. it shows only the website LOGO.. please help.. and i have more questions, i already setup everything in facebook and everything is working nicely.. but from the facebook page tab, the app can show our website but the facebook space is very limited and my website is wide, so have to scroll within the facebook page tab.. is there any other way, to make it look like this:-

apps.facebook.com/qisra-islamic-empire/

i can see the website perfectly via the link above (remember, website is disabled for public).. so is there a way, to make the fb users to view my site in facebook via this link apps.facebook.com/qisra-islamic-empire/

because the website via the above link is showing perfectly coz my website width is roughly around 1200px so in my monitor, i can see everything is great except under the facebook page tab, it looks abit small and we have to scroll up down - left right..
The topic has been locked.
Support Specialist
11 years 11 months ago #22858 by alzander
Replied by alzander on topic LIKE BUTTON NOT SHOWING
Muhammad,
Please enable access, or create me an account where I can see the front-end and Private Message me the credentials.

If the enabling the CDN plugin causes your problems, please open up the source HTML of your page and search for "all.js". You should fine a line that looks like:
js.src = "//connect.facebook.net/xx_YY/all.js";
The if your domain name is in front of the //connect. portion, that's a problem. There should be no http or domain name in that URL. If so, contact the developer of the plugin and let them know it's incorrectly trying to place that file on the CDN. That is not a JFBConnect issue.

After you've verified that, we'd recommend running Autotune on your page. Specifically, the Error Check portion, which checks for common problems? You'll need to set the site online during the test, but you can do that quickly for just the test. Let us know if you get any errors there.

If the site isn't public, Facebook won't be able to see the images from the page being Like'd or Share'd. It would get redirected to the "Offline" page, which only has the logo.. that's why that image is being used. Once you're online, the real images should start working after a day or so.

Finally, for showing your site in a Facebook Page Tab, the maximum width you can set the page to is 820px. That's a Facebook restriction. If you're showing it in the Apps.facebook.com area, you can set the Canvas Width to "Fluid". That's done in the developers.facebook.com/apps settings area for your application.

Hope that helps,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 11 months ago #22869 by fb_514882570

alzander wrote: Muhammad,
Please enable access, or create me an account where I can see the front-end and Private Message me the credentials.

If the enabling the CDN plugin causes your problems, please open up the source HTML of your page and search for "all.js". You should fine a line that looks like:

js.src = "//connect.facebook.net/xx_YY/all.js";
The if your domain name is in front of the //connect. portion, that's a problem. There should be no http or domain name in that URL. If so, contact the developer of the plugin and let them know it's incorrectly trying to place that file on the CDN. That is not a JFBConnect issue.

After you've verified that, we'd recommend running Autotune on your page. Specifically, the Error Check portion, which checks for common problems? You'll need to set the site online during the test, but you can do that quickly for just the test. Let us know if you get any errors there.

If the site isn't public, Facebook won't be able to see the images from the page being Like'd or Share'd. It would get redirected to the "Offline" page, which only has the logo.. that's why that image is being used. Once you're online, the real images should start working after a day or so.

Finally, for showing your site in a Facebook Page Tab, the maximum width you can set the page to is 820px. That's a Facebook restriction. If you're showing it in the Apps.facebook.com area, you can set the Canvas Width to "Fluid". That's done in the developers.facebook.com/apps settings area for your application.

Hope that helps,
Alex


Okay maybe you can try here, this website is set to public www.defenderofsunnah.com/

The FAN PAGE LIKE, is at the bottom of the page but it is not showing.. And if you see at the top of the page, you will see the Twitter, Google + and supposed the LIKE, SHARE, SUBSCRIBE is just beside them, but since after enabling the CDN, it is not showing (Facebook only) but others like the Twitter, Google+ it is showing.. Also from the articles, you can see the LIKE, SEND etc is not showing..

As for the autotune, then there is no problem at all, i already setup everything and all goes smoothly.. everything is green and there is no error.. I just post the problem in www.nonumber.nl/ forum and hope the developer will post a fix.. So at the moment, i will wait for the fix and then, if everything is normal, then i will test the e-commerce site to see if the LIKE is clicked, the images are shown..

As for the Facebook Page Tab, i already set up as 820px and for the canvas width already set as fluid.. I was wondering how to make the fb user go to the apps.facebook.com/qisra-islamic-empire/ ? I mean, from the Facebook Page Tab, the maximum is 820px and we have no control of it.. But how about the apps.facebook.com/qisra-islamic-empire/ ? How can we, for example myself, let say i am one of the fan of my page, so how do i go to such link and browse it? Is it simply share with the ppl and ask them to visit apps.facebook.com/qisra-islamic-empire/ or is there a way, to make them like the apps or something, so that automatically it will bring them to apps.facebook.com/qisra-islamic-empire/

Thank you so much for the reply..
The topic has been locked.
Support Specialist
11 years 11 months ago #22873 by alzander
Replied by alzander on topic LIKE BUTTON NOT SHOWING
To redirect from the Page Tab to the Canvas App page, there's instructions on the page below that have a quick bit of code that will do the redirect for you:
www.sourcecoast.com/forums/jfbconnect/jf...-on-home-page#p22579

As for the CDN issue, looking at that page you linked to, the inclusion of the Facebook Javascript library is incorrect. It looks like:
function(d){
     var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "http://cdn.defenderofsunnah.com/connect.facebook.net/en_GB/all.js";
     d.getElementsByTagName('head')[0].appendChild(js);
   }(document));
That middle line should not have 'cdn.defenderofsunnah.com/' in it. It should just be how I pasted it in the thread above.

Whatever extension you're using to enable the CDN is flawed and needs to be fixed. I'd contact the developer and let them know that they are improperly converting "schemeless" links (ones that start with two slashes and don't have http: or https:) to use the CDN. The extension should not alter those links at all.

Once that's fixed, JFBConnect should work fine. That's not something we can fix on our end.

Hope that all helps, and good luck!
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 11 months ago #22874 by fb_514882570
Thank you for the reply.. Regarding the CDN, i will wait for the developer to reply my post.. As for the Facebook Page Tab, when we press it, it brings us to the canvas page, i followed this CODE and it is working perfectly but there is an issue i encounter..

1. I simply replace the original code to this one:-
else 
        { 
           echo '<html><head></head><body><script type="text/javascript">top.location.href = "https://apps.facebook.com/YOUR_APP_URL";</script></body></html>'; 
           $app->close(); 
           $tabTemplate = $this->configModel->getSetting('canvas_tab_template'); 
           $this->setTemplate($tabTemplate); 
        }

So the facebook gives me error of page not found.. And after i take a good look at the code, i noticed this YOUR_APP_URL

So i change that line to my canvas name qisra-islamic-empire, so it looks like this : apps.facebook.com/qisra-islamic-empire

I went back to my facebook page and then CLICK on the FACEBOOK PAGE TAB and it is still showing me the error.. So i change my facebook browsing to the HTTPS and then i refresh the page, still it shows error.. So i disable the HTTPS in the facebook, still the error is showing.. And then i noticed, over here:-

https://apps.facebook.com/qisra-islamic-empire (it is using HTTPS, so i changed it to HTTP)

so it looks as:-

http://apps.facebook.com/qisra-islamic-empire

It is working perfectly now.. So now, the codes in the canvas.php file, should be the same as in the facebook and website.. Because i dont have SSL enabled in the website, so my entire site is using HTTP.. So the codes for my canvas.php should be set to HTTP for it to work.. Once again, in my facebook account, under the security settings, SECURE BROWSING is ENABLED and i am getting the same ERROR message as in the image attached.. So i disabled the SECURE BROWSING in the facebook account and refresh the page, it is showing perfectly..

So what i afraid now is, in my end, i already setup everything to look nice and perfect.. But the other users in facebook, they MIGHT ENABLE the HTTPS SECURE BROWSING, and if they browse my page and PRESS THE PAGE TAB, it will RE-DIRECT them to the CANVAS and definitely it will show the error.. Do you have some other solutions, other than the HTTPS SSL..

Error shown in the facebook


Thank you so much..
The topic has been locked.
Support Specialist
11 years 11 months ago #22875 by alzander
Replied by alzander on topic LIKE BUTTON NOT SHOWING
There's no way around the https issue. In October last year, Facebook made the SSL certificate requirement for all apps. While apps can still work without https, the "Enable SSL browsing" is on by default for all users. If you don't have an SSL certificate, I wouldn't recommend that change at all. Even your Page Tab will have the same issue.

If you plan to use the Page Tab/Canvas features, it's highly recommended you get an SSL certificate. We have a guide on the page below with instructions on how to get an SSL certificate for as little as $11 / year:
www.sourcecoast.com/jfbconnect/docs/comm...ficates-for-facebook

Hope that helps, and good luck,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 10 months ago #23794 by fb_514882570
Hi, sorry for the late reply. Trying my best to settle the website as fast as i can. Regarding the CDN, i managed to fix the issue because the developer from NONUMBER told me to exclude the " all.js " from the CDN settings, and once i did that, the LIKE, SHARE button is showing properly.

Regarding the images not showing up, can you help me fix this please ? Visit www.qisra.com and then go to the SHOP, you will see alot of products, click any of them. At the product page, if you click LIKE button, it will post in FACEBOOK but only links, there is no images. How do i enable or make the images appear when someone click the LIKE button ? Please take a look at the attached image, it is not showing image of the product.

File Attachment:


Please take a look at this site:-
shop.zianit.com/

If you browse his products, when someone clicked the LIKE button, it will post to their facebook together with IMAGES. I really want to make same thing with my site, please guide. Thank you so much.
The topic has been locked.
Support Specialist
11 years 10 months ago #23824 by alzander
Replied by alzander on topic LIKE BUTTON NOT SHOWING
Muhammad,
Glad you got the CDN issues figured out.

For the images in Virtuemart, please see the article below on how to alter Virtuemart to automatically set the Open Graph image for each flypage/product view:
www.sourcecoast.com/jfbconnect/docs/thir...ation-for-virtuemart

I believe those instructions are for VM 1.x, so I'm not sure if they work for VM 2.x. If not, please let us know.

Once you've altered the VM template file, you can use the Facebook URL Debug Tool to test the page and see what image would be posted. Facebook caches the images, so simply clicking "Like" right away will not post the new image. It may take 2+ days for the updated image to show in posts:
developers.facebook.com/tools/debug/og/o...tton-silk-qis11-j001

Hope that helps,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 10 months ago #23827 by fb_514882570
Hi.. Can you tell me which file to edit ? Because i am not using virturemart, im using Opencart E-commerce which is open source but to use as extension in the joomla, i purchased AceShop component (OpenCart as Joomla extension), the developer from joomace made this free open source extension to work inside joomla, so it is one of the most famous extension now in joomla for the e-commerce.. i will send you the file, so let me know which file to edit..
The topic has been locked.