I was trying to implement the typical behaviour of showing featured image from a post when one hovers over its title. I found this Response to the same issue: How to display feautured image of a post when hovering on the posts link (WordPress)?
However the code that is there does not work. I get the following information in the console: "Uncaught ReferenceError: frontendajax is not defined".
So this seems to be the only error. Could you clarify how should I define this variable to make the code work?
Related
I am having problems with the Chrome Pinterest Button, as well as with my own Pinterest Button in a site of a client.
When you try to pin an image, that image is not loaded in the pinterest's form. Instead you receive a 404 (Not Found) error, but the image and its url is actually perfectly correct. So there is no reason for that error. Actually, after loading the image in another tab, if you click again in the pinterest button the image then appears in the Pinterest's form.
The buttons have been working with no problem until the site changed to SLL and Php 7.1, but I really think this has nothing to do with the issue.
I have found the following error in the console:
The Content-Security-Policy directive 'prefetch-src' is implemented behind a flag which is currently disabled.
Do you have any idea about how to solve this?
Thanks in advance!
I solved. The problem was that the image what I am referring in the data-pin-media was not included in the post, so Pinterest is not able to get it without breaking the Content-Security-Policy.
So, I added and hide the image in the post, and now everything works as expected.
At any case, I had still a problem with the descriptions in the images to pin in pinterest that were not being taken properly. I solved taking a deep look to the url string and encoding some of the characters in the text that were making to fail the url like: | by %7C, etc..
Thanks,
PS It's just me, or lately no one offer his help answering questions on stackoverflow
I have followed the steps described in the following blogpost on how to prevent pasting of images in the ckeditor that is used for the xp:inputRichText control on my xpage:
http://camerongregor.com/2016/11/14/preventing-pasting-of-images-in-ckeditor/
If I load my page in the browser console I get the error:
Uncaught ReferenceError: CKEDITOR is not defined
at blockimagepaste:1
The rich text control is displayed properly.
The Domino server is on FP8.
What can be the cause of this error message and how can I apply a workaround?
To start with I am new to facebook "like" button integration
I have a facebook like button on my webside (http://www.mini-signs.dk/index.html), but the image showing when like button is pressed is incorrect. I've tried to use meta tag
in between and on the page but it seems like it choosing a images name Galleri-Andet-Normal.jpg in the same folder.
I've tried to delete the image and overwrite it, and now something different is showing in the facebook timeline when liking the side, but the image in the like button dialog is still wrong. If i put the content value in a browser the correct image is showing
I've tried a lot of things og googled to solve it my self
Please help me out.
Only option you have is that you change your meta tags and WAIT. Once your page is crawled again, you will get new images :)
Try here and look where is the problem,
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.mini-signs.dk%2Findex.html
All the images referenced by og:image should be at least 200px in both
dimensions. Please check all the images with tag og:image in the given
url and ensure that it meets the recommended specification.
fb:admins and fb:app_id tags are missing.
I have already searched the site but I can't find an answer to this. My problem is that Facebook is showing the wrong image after I press the 'recommend' button (it's the same as the 'Like' button but with different text).
The webpage is here: http://www.bamarang.in/perfume-tree/ and the facebook debugger is here: http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.bamarang.in%2Fperfume-tree%2F%3Ffb%3Dfgfgfg
The website needs an email but you can use a fake one to enter, as there is no confirmation.
As you can see everything seems to be correct but the wrong image is displayed. I've tried clearing the cache, on both the browser and Facebook (this last one by writing the webpage url's in the developer tool) but to no avail.
You can also see the webpage's source to check that all the OG tags are there and correct.
What else can I be missing? Please help.
See the wrong image showing up here: www.crosstastemovies.com/temp/fb_error1.jpg
See the FB scraper showing the correct image here: www.crosstastemovies.com/temp/fb_error2.jpg
I've updated the question to add the screen shots.
The link you provided for your site is: http://www.bamarang.in/perfume-tree/ but the link with the debugger is: http://www.bamarang.in/perfume-tree/?fb=fgfgfg.
As you can see those two urls are not the same.
I curled both urls, the first one returns a redirect to https://www.bamarang.in/customer/account/create/ and when curling that the output has no og tags in it (check yourself in the debugger).
The 2nd url (with the ?fb=...) indeed has the og tags.
What's the url you're using with the recommend button?
You should probably just output the og tags even when the fb parameter is not present, don't forget that people can just copy/paste the url into their status on fb, you have no control over how people share.
I have set up a page that specifies an image, using an og:image tag with a like link.
If I enter the page URL in the linter, the image displays correctly on both my test and live sites.
However, on the test site, if I like the page, the image is displayed in my timeline. On the live site, however, no image is displayed in my timeline.
There are no other differences between test and live, apart from the first part of the URL. Is there anything I should look at to help understand why this is happening?