Topic-icon {JFBCLike} tags in Event Booking?

Active Subscriptions:

None
11 years 3 months ago #51416 by StefanSchoch
Hi there,

I'd like to use the JFBConnect Tags in Event-Booking Catagories & Events
Code:
Sample:
{SCOpenGraph title='WIR - Mitten im Leben'} {SCOpenGraph description=7. Integrale deutschsprachige Konferenz 2015 vom 19.-21.6.2015 Oer-Erkenschwick (bei Dortmund) WIR. Mitten im Leben. Den Anspruch des Kopfes UND die Weisheit des Herzens achten.}
{SCOpenGraph image=http://www.dia-seminare.org/images/konferenz2015.png}
{JFBCLike dia-seminare.org/dia-events/detail-ansic...mitten-im-leben.html}

Is it possible to enable the tags also for Events?

Thx,
Stefan
The topic has been locked.
Support Specialist
11 years 3 months ago #51421 by alzander
Stefan,
You can add those tags to any content of your site that you like. JFBConnect will scan the HTML that will be output to the use right before it's sent and make the appropriate replacements. By doing that, you can use the tags in a module, your template, a template override or any editor area in an extension. Wherever you add the tags *should* work with JFBConnect.

Of course, if you're running into issues, let us know what you're doing and how it's not working and we'll gladly help however we can.

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

None
11 years 3 months ago #51515 by StefanSchoch
Hi Alex,

this is what I added at the top of the event description:
{SCOpenGraph title='WIR - Mitten im Leben'} {SCOpenGraph description=7. Integrale deutschsprachige Konferenz 2015 vom 19.-21.6.2015 Oer-Erkenschwick (bei Dortmund) WIR. Mitten im Leben. Den Anspruch des Kopfes UND die Weisheit des Herzens achten.} {SCOpenGraph image=http://www.dia-seminare.org/images/konferenz2015.png} {JFBCLike http://dia-seminare.org/dia-events/detail-ansicht/133-if-konferenz-2015-wir-mitten-im-leben.html}

This is the link to the page:
dia-seminare.org/dia-events/detail-ansic...mitten-im-leben.html

and this is what I see when clicking on 'teilen' (see attached image)
According to what FB debugger shows me, it seems all the above tags are ignored.

Any ideas?
File Attachment:
The topic has been locked.
Support Specialist
11 years 3 months ago #51525 by mel
There are two issues:
1. The tags from the preview are being gathered from your homepage and not the link dia-seminare.org/dia-events/detail-ansic...mitten-im-leben.html - this is because the page has an og:url tag and also a rel="canonical" tag, but they are set to different values. Facebook will follow the canonical URL, which is why it's gathering the incorrect Open Graph tag values. JFBConnect is not setting this canonical value. Some other extension, your template or Joomla itself is setting it. You will have to narrow that down and figure out why it is the incorrect value. Once you resolve this, make sure to re-scrape your page for the preview to be updated.

2. Once you resolve issue #1, there are two og:image tags being inserted on dia-seminare.org/dia-events/detail-ansic...mitten-im-leben.html
www.dia-seminare.org/images/konferenz2015.png
www.dia-seminare.org/images/dia_logo.png

Using our site socialdebug.com I see that the images are smaller than the recommended sizes. Because there are two images and both are not the correct size, Facebook will pick the best image to use, at it's own discretion. If you turn on the 'Enable Social Toolbar' setting in JFBConnect and log in on your front-end using a super-admin, you can use the Social Meta button on our toolbar. The latest version of JFBConnect should give you details for where each og:image is getting set. My suggestions are 1) make the images bigger and 2) narrow it down to one og:image per page so that you have more of a guarantee which image is chosen.

This should help get you started to fix the issue, but please let us know if you still have problems after addressing the above two issues.

-Melissa
The topic has been locked.
Active Subscriptions:

None
11 years 3 months ago #51527 by StefanSchoch
Thanks for the answers!

I deleted the url tag from te central OG configuration, that seems to make it better.

But I don't really get what I can do about 'url' and 'canonical url' (don't even know the difference... :rolleyes: )
Can you please help where I could look? Did I set them (can't remember!)

Another question: what would be the best diemension for te og:image?
I took a bigger one now, but the format isn't optimal (upper and lower are cut).
The topic has been locked.
Support Specialist
11 years 3 months ago #51528 by mel
I just re-scraped the dia-seminare.org/dia-events/detail-ansic...mitten-im-leben.html page, and the canonical looks correct now at least for that link. Obviously test some more and on other pages...

To see what's setting a canonical value, I would suggest looking at any other profile extensions that you have installed on your website. For instance, on my test site, I see that EasyBlog, HikaShop, and JReviews all set this tag. The only thing that I did was search my directories for 'rel="canonical"' If you can't find anything there, I would suggest also looking at the template you're using and see if this is being set in the template's index.php file. This is not something you would have set on your own.

Sizing guidelines for Facebook Open Graph images can be found at developers.facebook.com/docs/sharing/best-practices#images
The topic has been locked.
Active Subscriptions:

None
11 years 3 months ago #51529 by StefanSchoch
Hmm, hope I get you right.
You mean I have to search the content of all PHP files?
Any hint how that can be done (without copying all files to my local machine and let windows search)?
The topic has been locked.
Support Specialist
11 years 3 months ago #51530 by mel
I'd start at just looking at your event booking component, then expand to any SEF extensions you may have, then other extensions. But really, we can't think of another good way besides looking at the code on your site. If you can SSH into your server, or use CPanel, or there might be some other Joomla extension that you can install for viewing your site files/source easily.
The topic has been locked.