Facebook share link UNWANTED image - asp.net

I have a strange problem and my PM requires me to fix it. None of my colleagues could help me.
I've added a functionality to existing ASP.NET WebForms page. I involves a button to share the link by facebook. But when sharing in someone's profile a strange image of Adobe is appearing:
Undesired Image
It is even more strange that after a few seconds it disappeares. Tried everything - to give a parameter to the facebook URL with images[0], also from the meta tags in the master page. No result. Supposed the facebook may have cached the link, but when I tried from my home PC the result was the same.
Any advice how to remove the adobe pic?

Related

social share icon and text are not refreshing in wordpress (either meta text or text in yeost SEO)

I have a wordpress website with a survey that is shareable using social sharing plugins (I currently have mashshare as well as a hand coded button and both have the same issue). This survey is hardcoded in PHP file so none of its contents can bee seen in the visual/text tabs of wordpress.
My problem is that when I change the share image and the text, both do not update when I share them to facebook. I can even delete the text and place a new one in and it will only show the original image and text and will not update.
i have a developer in india that claims he "fixed" this issue but he somehow got it to refresh one time. The problem still persists when I attempt to change the image or text.
Any idea how he got it to refresh OR how to fix it completely?
by the way, sharing on the rest of the site works perfectly fine.
Facebook cacheds the OG data, it is not meant to be changed the whole time and will even be locked after a while afaik. You can refresh it manually in the debugger: https://developers.facebook.com/tools/debug/

Wordpress youtube embed not clickable bootstrap

After I moved a Wordpress website to production server I noticed youtube embeds were no longer clickable. The image and play button show up but nothing more.
Tried to renew the embed code, using the build in embed function, embed via media browser,... Nothing is working and it's making me crazy.
After some trial and error things I noticed that the video does work when the main bootstrap.css file is removed. Can't seem to find a clue to the solution though.
EDIT
Yes, I tried to disable all the plugins, with no result.
Changing back to the default twenty fifteen theme results in a working video embed. But since that one isn't build on bootstrap it's just a logic fact.
Anyone seen this before?
Web page with video embedded: click here
The website is sending lots of error messages in he consolu use F12 in Chrome, apparently your www-embed-player-new.js is causing the problem. Not even Edge is running the site correctly. I think you need a Chrome extension to make it work.
I would recommend you changing the plugin that imports the videos. Check this enter link description here
EDIT:
The chrome plugin Google Cast stops the error messages but still doesn't work.
The problem was with the wordpress loop on the single.php page.
A wrong code snippet caused the issue.
Fixed!

Mobile website in HTML5 not pulling CSS file until refreshed

I'm building a contact form for a mobile website in HTML5 and CSS. It is the same form I use on all mobile website and after not working for 5 hours I pulled the code straight from a working site I built and it still doesn't work properly.
The issue is when you go to the contact page it shows the contact form, but with the labels centered and the submit button image isn't showing up. I must refresh for it to bring up the correct CSS file to align the text left and show the submit button. Initially I thought it was from a CSS/JS conflict with my menu at the top so I pulled that and it still causes the same problem. I have cleared the cashe on my phone and web browsers and they all work the same.
Here is the link: www.lpokc.org/mobi/contact.php after going to this page hit refresh and you will see the difference.
My question is, is this a caching issue, is it server side issue, or is it a conflict in my coding. I'm not good with posting the code on this site but if you go to the mobile site from your web browser you can just right click and view source to see my code. I have a boiler plate html core file with boiler plate CSS and custom CSS.
Is there some sort of script I could use to make this page auto refresh one time on page load then not again after the reload? I don't want to use an improper fix like this but I have been working on this issue for a day.
The left side is before refresh. I have pulled the code from the site now but I think it was a js conflict because it was auto loading the css from the menu when the link for any page was clicked.
I'm seeing it fine on my end. Seems to work flawlessly, but if you are still having a problem, you could either use cookie or session variables. If the variable does not exist, you can use the php function header( 'Location: http://www.lpokc.org/mobi/contact.php' ) ; to "refresh" the page. It's actually just a redirect command, but if you are sending them back to the page they are on, it is pretty much the same thing as a refresh.
It was a conflicting issue with my menu JS/CSS. I pulled it and now everything works fine.

og:image Works Unpredictably on WordPress Theme

When attempting to share a page on FB, many images seem to only appear AFTER running the page that contains the image through the debugger first. Additionally, the debugger seems to throw different errors for the same page in some cases, even though I've made absolutely no changes to the page. Sometimes it tells me the image url cannot be found, and after clicking on "Scraped URL:" or "Graph API: the image url is found and the image then appears in the debugger?! However, nothing seems to happen consistently and it is very difficult to replicate these issues.
I tried unsuccessfully to post the code here, however, I'm using a modified version of a script provided by Chad Von Lind (http://vonlind.com/?p=539).
Sample pages (that did not display an image until after they were submitted to the debugger):
http://greatmomentsinparenting.com/photos/warning-parents-keep-out/
http://greatmomentsinparenting.com/photos/12-hours-in-a-car/
I don't understand why the images appear sometimes, and not at other times. Is it a caching issue? Does it take time for the image to show up in the cache for a newly published page? Can I force FB to cache the image on the first try? Or is it because I'm using a dynamic image url? And by the way, the image sizes are 203x203 pixels.
Thanks!
It's media temple. I have been working with them for weeks to fix it.
Facebook 503 502 Same html different servers different results

How to Take screenShot or image of web page part

I Am working on facebook application.
Now I want to add a feature That user can post Image of application.
I have done everything earlier means i have code for posting and for application.
But I am not able to take image of that application.
Application is working on within the IFame in facebook.
So may main concern to get Image that html page that is showing in Iframe.
I have tried out lot of code snippet Nothing is working for me.
Please suggest me that how can i take image of any specific part of web page.
Thanks
You could try wkhtmltoimage, which looks like it has some Windows support. Once its installed, you just run wkhtmltoimage http://www.site.com site.screenshot.png.

Resources