Twitter Widget Not Working on Mobile - twitter

I have a few sites that display twitter feeds using the blogger.js & twitterCallback2 scripts.
The twitter feed shows up great on desktop versions of the site, but on mobile it does not load. I get an error message...
"Failed to load resource: the server responded with a status of 404 (Not Found) | mobile.twitter.com/javascripts/blogger.js"
So it looks like it tries to load a mobile version of the script, but the script is not there.
Anyone else have a similar problem?

We recently had this problem on some of our Wordpress websites.
The link mobile.twitter.com/javascripts/blogger.js should just be twitter.com/javascripts/blogger.js
Since twitter has a mobile redirect, it wouldn't allow us to use this link for mobile. So we made our own blogger.js
Here's a link on how we resolved it. Hope this helps:
http://www.clarkcommunications.ca/twitter-widget-not-working-on-mobile/

Related

Redirected to ad websites on hyperlink click

I have a website developed using Codeigniter & MySql. The website is working fine, however, of late I have noticed that when I hover over the link it shows me the correct page but when I click on it, most of the time it opens a new tab showing some random website. This problem happens on my localhost as well. I have scanned my laptop for viruses/adwares but no infection found.
The url of the website is:
http://reporterpost.in/
Please suggest how do I get rid of this problem. Other websites on my laptop don't have this problem.
Chrome blocked resource <URL> on this site because this site tends to show ads that interrupt, distract, mislead, or prevent user control. Learn more at <URL>
www-embed-player.js:553 Chrome blocked resource https://googleads.g.doubleclick.net/pagead/id on this site because this site tends to show ads that interrupt, distract, mislead, or prevent user control. Learn more at https://www.chromestatus.com/feature/5738264052891648
In my chrome, these alert is appeared in chrome console.
I guessed google adsense is applied to http://reporterpost.in/.
Did you apply adsense to website?

Problem while sharing a link with a '#' character in the LinkedIn iOS app

If you share a link with a # in it like this one:
https://werkenbijbaetsen.nl/#216/vacature
It is shared ok on the LinkedIn website, its clickable and resolves fine. Also it works on the Android app.
However; if you open a posting like that on the iOS (iphone) linkedin App, it will link to a wrong page, resulting in a 404/not found on the end of the line.
This indicates a bug in the iOS app (something with url-encoding the # sign perhaps?);
Has anyone found a solution or workaround to this? Because it seems that a 302 redirect setup doesn't work properly, because then it doesn't load and users get: "Cannot display preview. You can post as is, or try another link. "

Cannot download files via the Facebook browser

A website I work on has a download pdf functionality, sending the proper HTTP headers in the response, to download the PDF file.
It works smoothly across the browsers (Safari, Chrome, Firefox etc), but recently we discovered it fails in the Facebook browser.
The scenario is that people would eventually open the website while navigating on Facebook, and may click the Download pdf button.
Facebook would show an error message saying Cannot render this kind of file or something similar, and the browser view would even crash (backwards/forward browser buttons won’t work anymore), bringing the user back to the Facebook feed.
Is there a classical issue to this problem? I tested using Facebook for iOS.
The headers we use are the following, as suggested here:
Content-Type: application/pdf
Content-Disposition: attachment; filename="filename.pdf"
I just guess this is a general issue, but after a quick search I can’t seem to find any information about it.
While it may be a Facebook, I’m just wondering what would be the recommended ways to fix this on our side.
In the worst case, I thought to hide the button if the user agent tells us that the user uses Facebook browser. But I just guess there should be better solutions.
There is no simple solution for this. The browsers from social apps will not download the files.
You will have to check the user agent of the browser and not display the download buttons (hiding the UI when needed).

OAuth Facebook Login in Phonegap returns InvalidHeader error

I'm developing an app using Phonegap and it implements a Facebook login to save some data using the user_id as a reference. I'm using OAuth.io library to implement the login dialog and everything runs smoothly in the web browser and in Android but when I test the app in XCode and I tap the login button the following error appears.
Cannot find hostname in file:/// from static
code: InvalidHeader
message: Cannot find hostname in file:/// from static
My guess is that it has something to do with phonegap not making an external request since the app is not actually hosted in a domain but running locally... any thoughts?
Seems like you are using oauth.js library instead of phonegap version
In your main page "index.html" add reference to the correct js file
<script src="oauth-phonegap.js"></script>
Then follow the instructions here to build your application
I had a simular issue using oauth.io. Turns out it was my Ajax prefilter changing the REQUEST to Facebook(it was adding parameters to the header for each request). Wether this is your issue or not, what you need to do is compare a successful REQUEST to Facebook to an unseccussful one, that will show you where things go wrong. Alternativly a blank phonegap app with no extra code other then the required oauth code should work and will be a Good starting point to isolate your issue.
I have been using Phonegap 2 years before.Though I didn't connect to facebook before,I connected to other website by OAuth.I can show you my solution.
Firstly,you should know how OAuth works.You can read OAuth 2.0 from facebook developer website or other websites.
Secondly,you should know your target:token,uid,expires_time.The most important thing is token.
Thirdly,just do it.In 2010,I solve this problem by using Phonegap Childbrowser plugin(now Phonegap have a inAppBrowser) and a light server.
Why I should use a light server?The server can help me to handle the redirecting in OAuth service and do cache.
Step 1 : I wrote script to connect with my server,and my server connect to OAuth Service(facebook).
Step 2 : OAuth Service(Facebook) do response and redirect to Facebook login page.
Step 3 : After input username and password,OAuth Service(Facebook) will redirect to another url and do a callback with some code or token.
Step 4 : If you get the token,save it and use it to connect OAuth Service(Facebook) if you want.
When I saw "Cannot find hostname in file:/// from static " in your description,I know that maybe you get confuse in OAuth.Now,I suggest you some server side code to handle it and make your OAuth process possible.

Facebook iFrame is pulling rails dynamic pages as 404 errors

I have a Facebook app page and a rails application. My rails application loads a dynamic page based on a key that is given. This works fine and dandy outside of my facebook app:
https://app.eventsent.net/event_lists/3d40ba2a4a10947c17c2337fba3421dd406cceb5?frame=true
However inside of Facebook the page is pulling up as a 404 error:
https://www.facebook.com/reynoldsdesignstudio/app_419134091467471
I have gotten around this issue by creating a static file within my system to be able to have facebook view it however this is not ideal as deploying the rails app with updates makes modifying these static pages a pain.
Any help on this would be great.
We got this figured out by changing the routes file to allow for a post request instead of just a get request
Your problem is not related to dynamic/static content. Also Facebook is showing a 501 error, not a 404. In short, your SSL cert is not valid for the staging.app subdomain you are pointing your Facebook page at.
Visiting your Facebook page (https://www.facebook.com/reynoldsdesignstudio/app_419134091467471) yields this error:
This webpage is not available
The webpage at https://staging.app.eventsent.net/event_lists/3d40ba2a4a10947c17c2337fba3421dd406cceb5.html might be temporarily down or it may have moved permanently to a new web address.
Error 501 (net::ERR_INSECURE_RESPONSE): Unknown error.
Note that the subdomain is staging.app. If you happen to be using Firefox, you get a nice error message the spells everything out:
This Connection is Untrusted
You have asked Firefox to connect securely to staging.app.eventsent.net, but we can't confirm that your connection is secure.
staging.app.eventsent.net uses an invalid security certificate.
The certificate is only valid for the following names:
app.eventsent.net , www.app.eventsent.net
(Error code: ssl_error_bad_cert_domain)
The easiest solution would be to get a WildCard SSL certificate that is valid for *.eventsent.net.
FYI, if you visit https://staging.app.eventsent.net/event_lists/3d40ba2a4a10947c17c2337fba3421dd406cceb5?frame=true, you will get a rather dire-looking warning from your browser. If you ignore the warning and tell the browser to accept the certificate, your Facebook page will then load fine in the same browser.

Resources