Topic-icon use your share feature within another component?

Active Subscriptions:

None
Also. I would love to know one more thing...
About the description open graph. Is there some way to create a line break so the description looks better? I have tried the normal <br> and \n plus many spaces but nothing works. Description would look so much better with a line break in it imo :)

thanks
Beatsuka
The topic has been locked.
Support Specialist

The G+ button links to the correct page aswell but it doesn't display the correct title. will need to look into that further, any pointers on that?

It likely just means that Google hasn't scraped the page for the social tags yet. There isn't a specific way to set the title for Google other than the meta title or the Open Graph title on the page.

I don't think the debug tool helps with this since it will just render the current page instead of reading each fb button, right?

Correct. You would want to scan the destination page to check its tags. For the share button itself, can you post (or PM) the link to the page you're adding those tags on? Right now, I'm looking at
auglysingar/overview/vehicles/cont-vehicle/cond--/vehicle-lamborghini-demo-auglýsing-57/dealer--
I'm assuming you're adding those tags to a separate page that links to this page though, correct?

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

None
8 years 11 months ago #53101 by Beatsuka

It likely just means that Google hasn't scraped the page for the social tags yet. There isn't a specific way to set the title for Google other than the meta title or the Open Graph title on the page.


Ok I will have a look at giving this few days for google to scrabe the opn graph title. :)

Correct. You would want to scan the destination page to check its tags. For the share button itself, can you post (or PM) the link to the page you're adding those tags on? Right now, I'm looking at
auglysingar/overview/vehicles/cont-vehicle/cond--/vehicle-lamborghini-demo-auglýsing-57/dealer--
I'm assuming you're adding those tags to a separate page that links to this page though, correct?



Correct. the page is a user unique page that contains all of the users cars/adverts in a list. in that list i'm adding the buttons that share the destination page. (link to the main advert for others to see)

But I think it is not nessacery to have the share buttons at that position aswell. users can just open the advert they wish to share and do it from there .. Looks like the other way might be to much of a trouble to get working properly.


However I am curious to know about the opengraph tag for image.
I have tried pultiple links that are used in the php scrypt for the vehicle details page that link images to certain places such as the main image of the advert, images in slideshows etc. all of them are stored in a resolution much higher then 200x200
But for some reason when I press share for the first time on a advert it only display's a image that is NOT 200x200 and is NOT part of the image path i am using.
but when I go with the link to that advert to the debugger it display's the correct image and after that it works great on the adverts webpage..

I am confused to why it is not working on the inital share attempt. I can not go about using the debug tool on every advert that is created on my website :/

The opengraph I'm using is:
{SCOpenGraph og:image=http://bilasidan.is/js_autoz_data/data/vehicle/vehicle_vehicle->id; ?>/images/thumbs/filename; ?>}

This is a modified path to the following path that is the one that is used to display the main image of the advert.
<?php echo $this->config; ?>/data/vehicle/vehicle_<?php echo $this->vehicle->id; ?>/images/thumbs/<?php echo 'jsautoz_l_' . $vehicleimage->filename; ?>

I had to change it since facebook would not recognise the url from the original code since it would not add the website name to the beginning. (bilasidan.is)

Error I would get using the original code was:

Object at URL 'bilasidan.is/auglysingar/overview/vehicl...eot-2008-77/dealer--' of type 'article' is invalid because the given value 'js_autoz_data/data/vehicle/vehicle_77/images/thumbs/jsautoz_l_139car-1.jpg.jpg' for property 'og:image:url' could not be parsed as type 'url'.


I have tried many different routes that all should lead to different sizes of the image that should be used.
But like I say. it always picks some banner, or even a 20x30px button and boosts it size instead of using the image that is 500x500px or some other size.. :/

any pointers on the image problem mate?

Best regards
Beatsuka
The topic has been locked.
Support Specialist
8 years 11 months ago #53105 by alzander

I am confused to why it is not working on the inital share attempt. I can not go about using the debug tool on every advert that is created on my website current/hmm

This is 100% normal (albeit, slightly annoying) behavior. Facebook is just like a search engine. They have to crawl your pages to fetch your OG tags. Until that's done either automatically (which usually happens within 1-2 days of a page's publication *or* within an hour or so of the first Like/Share) or manually (using the debugger), then Facebook doesn't know what to use. The share/like buttons have their own rudimentary scanning ability which will fetch the first actual image from the page that works. Even when shared with the quick scan image, when the scraper scans the page later, and shares in a user's Timeline will be updated with the better og tag data.

So, it's a temporary issue however it works out.. and there's not much that can be done to get over that temporary hiccup.

I hope that helps explain, but if you need anything else, just let us know.

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

None
8 years 11 months ago #53113 by Beatsuka
ok so let me se if I get this correct.
Even though I have set up the opengraph image to specific. whenever someone try's to share the post for the first hours (up to couple of days), the opengraph image tag will not have any effect since the site has not been crawld yet?

so automatically after couple of day's the share should work as intended even though the first shares were with wrong image?

I would have thought it would be possible for facebook to crawl the site on the first time item is shared.. :/

The main thing that bugs me about this is why in earth facebook would then pick a random image that is completely out of portion, for example a 20x30px button or something similar instead of using for example the biggest image.. but that's ofc a whole new chapter that has nothing to do with you. just anoying :P
The topic has been locked.
Support Specialist
8 years 11 months ago #53114 by alzander
We, unfortunately, don't have Facebook's playbook here. Just anecdotal evidence in developing for Facebook integration for more than 5 years and helping users with similar questions.

The behavior is definitely not JFBConnect related though as you could test the same behavior with a static HTML page with OG tags and Like/Share button.

Does it seems a bit wonky? Oh yeah. Is there any way around it that we know of? Nope.

With that said, if you're logged into your site as a Joomla admin, the JFBConnect social toolbar should show in the bottom. With that, you can click the "Preview" link which uses the Social Debug tool (something we developed). When run on your page, we run the Facebook Debug tool in the background to automatically update your tags as well.

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

None
8 years 11 months ago - 8 years 11 months ago #53144 by Beatsuka
ahh I had no idea why these buttons were there and didn't even think about testing hah.. thanks. now I know :)

Brilliant info and support as per usual. I thank you for that.

We call this case closed now then.
Best regards
Beatsuka
Last edit: 8 years 11 months ago by Beatsuka.
The topic has been locked.
Support Specialist
8 years 11 months ago #53147 by alzander
No problem. We're always happy to help explain things. It usually helps us understand what issues our users are running into to see how we can make things better. If you have any feedback or suggestions for improvement, we're always listening.

Finally, if you haven't already, please consider leaving a rating and review for JFBConnect, or our support, on the Joomla Extension Directory. It's certainly not required, but very appreciate:
extensions.joomla.org/extensions/extensi...l-display/jfbconnect

Thanks,
Alex
The topic has been locked.