Log in | Register
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. Custom Open Graph tags

Topic-icon Custom Open Graph tags

Active Subscriptions:

None
10 years 10 months ago - 10 years 10 months ago #33343 by kaz78
Custom Open Graph tags was created by kaz78
I would like to add a custom Open Graph tags using {SCOpenGraph} to my Online Store (which does not have an article).

I have created a Custom HTML Module and in the Custom Output, I have entered the tags in the Custom Output "HTML Code mode", and have tried publishing the module to different positions on my Joomla 3.1.1 site.

However, when I click Like or Send, the title or description are not from the custom Open Graph tag, but from the default tags...

I have set default Open Graph meta tags in my layout.php <head> as well as the same content in JFBConnect -> Open Graph -> Configuration

What am I doing wrong? or Why are the custom tags not immediately used (I have tried clearing the Joomla and browser cache)?

myiine.com/store/product/3-generic-apple...sb-sync-charge-cable
Last edit: 10 years 10 months ago by kaz78.
The topic has been locked.
Support Specialist
10 years 10 months ago #33347 by alzander
Replied by alzander on topic Custom Open Graph tags
When you update the Open Graph tags, use the Facebook Debug Tool to have Facebook update their cache. Otherwise, it will take them up to 48 hours to 'see' the change. That will also give a good indication of what Facebook sees and report any possible errors.

I have set default Open Graph meta tags in my layout.php <head> as well as the same content

I can't tell if you still have the code in your layout.php head section, but if so, you shouldn't. Those tags would be 'fixed' there, and may override any tags that JFBConnect would put in later. The Defaults in JFBConnect should be fine though and used as a 'last resort' if no other tags are being set.

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

None
10 years 10 months ago - 10 years 10 months ago #33355 by kaz78
Replied by kaz78 on topic Custom Open Graph tags
Hi Alex,

Thank you for your prompt reply.
I still had the code in my layout.php head section, so I just took it out.

Just to make sure that I am doing this right:
When I want to add {SCOpenGraph} tags, is it okay to add it to an individual Custom HTML Module? When doing so, I of course need to switch the editor to the HTML code mode, right? I then added it the module to the "logo" position. Is that ok?

Also, I tried the Facebook Debug Tool, but it is still showing me the default titles and description. Does it still take 48 hours even when using the Debug tool?

Thanks,

Kaz
Last edit: 10 years 10 months ago by kaz78.
The topic has been locked.
Support Specialist
10 years 10 months ago #33358 by alzander
Replied by alzander on topic Custom Open Graph tags
The debug tool should be immediate, so if you can't see it there, that means it's likely not right.

Here's some more ways to debug and check things:
* In the Custom HTML module, where you're putting your tag, put 'extra' stuff around it and make sure it appears on the page, like:
TEST {SCOpenGraph image=http://yoursite.com/image.jpg} TEST
That should display TEST TEST in the output on the page, since the {SCOpenGraph...} stuff will be removed.
* Remove the defaults altogether to make sure that those aren't somehow interfering with your custom tags
* If you have a 'template switcher' or something else that changes the template based on browser user agent, mobile browsers, or anything else, disable it while testing.

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

None
10 years 10 months ago #33423 by kaz78
Replied by kaz78 on topic Custom Open Graph tags
Hi Alex,

Thank you for your prompt reply again.
I have tried TEST {SCOpenGraph image=http://yoursite.com/image.jpg} TEST and it shows TEST TEST, but the debugger is not showing the correct results.
I am not sure what to do...

myiine.com/store/

This is what I wrote into the Custom HTML Module that I put positioned in the Logo position:

{SCOpenGraph title=iine! - iPhone 5 Bumpers $9.95 + FREE Lightning to USB cable}
{SCOpenGraph type=website}
{SCOpenGraph url=http://myiine.com/store/product/3-generic-apple-iphone-5-bumper-free-lightning-to-usb-sync-charge-cable}
{SCOpenGraph image=http://myiine.com/images/products/generic-apple-iphone-5-bumper-solid-solid.jpg}
{SCOpenGraph image=http://myiine.com/images/products/generic-apple-iphone-5-bumper-solid-transparent.jpg}
{SCOpenGraph image=http://myiine.com/images/iine/frontpage-slideshow/image16.png}
{SCOpenGraph description=Choose from 19 different iPhone 5 Bumper colors. Get a FREE Lightning to USB cable for each iPhone 5 Bumper purchase!}


The picture is showing, but not the title or the description...

Can you have a close look at this? I really need to get this working right.

Thanks,

Kaz
The topic has been locked.
Active Subscriptions:

None
10 years 10 months ago #33429 by kaz78
Replied by kaz78 on topic Custom Open Graph tags
My default by the way is as following:

title=iine! - myiine.com - Custom iPhone & iPad cases & more
type=website
image=http://myiine.com/images/iine/facebook/iine-facebook-logo.jpg
site_name=iine!
description=iine! specializes in Product Sourcing of custom and non-custom products including iPhone, iPad and iPad mini cases, covers and accessories.

The topic has been locked.
Support Specialist
10 years 10 months ago #33430 by alzander
Replied by alzander on topic Custom Open Graph tags
I wouldn't recommend setting a type=website to your pages. That should only be used on the home page, according to Facebook's recommendation. You can leave it blank for "article" or you can choose a different Object Type .

Beyond that, all the other tags you're setting seem to be working except the description tag. Can you try the following things to see if it helps:
* Disable any Open Graph plugins for JFBConnect you have enabled.
* Change the description to be really short and sweet, like "My description" and see if that works.
* If so, try your original description but remove the ! mark from the end. Maybe that's causing an issue.

Let us know if any of those help. We basically just need to narrow down what could be wrong and then we can figure out the fix.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
10 years 10 months ago #33437 by kaz78
Replied by kaz78 on topic Custom Open Graph tags
Hi Alex,

Thank you for your help with this.
The problem was with both (1) the title and (2) the description.

After testing around based on your suggestions, I realized that the Default tags from Open Graph -> Configuration overrides the {SCOpenGraph title=...} and the {SCOpenGraph description=...} tags, while priority seems to be given to the {SCOpenGraph image=...} tags over the defaults. Can you test and see if this is true for any of your installations?

So if I don't have any defaults, then the {} tags all appear to show correctly.
However, I did realize that for some reason $9.95 ends ups being .95 in the output. For some reason $9 disappears. For now I have changed it to $ 9.95 with a space in between, but I would prefer to write $9.95 if you can tell me how I can make this work.

Thank you,

Kaz
The topic has been locked.
Support Specialist
10 years 9 months ago #34285 by alzander
Replied by alzander on topic Custom Open Graph tags
Kaz,
I'm very sorry for not getting back to this post until now. I wanted to let you know that JFBConnect v5.0.1 has been released. This should definitely fix the priority issues above with the default tags. I honestly don't remember off-hand if we looked into the issue where numbers with a dollar sign ($) can be stripped.

Please test the new release and let us know if there are any other issues you run into.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
10 years 9 months ago #34296 by kaz78
Replied by kaz78 on topic Custom Open Graph tags
I am afraid the $9.95 still ends up being .95 -> so I need to write $ 9.95 with a space in between. The dollar sign still strips the number following it.
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. Custom Open Graph tags
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS