Facebook like button no longer shows up in Google Chrome - google-chrome

I am developing a bulk sms application using JSF. I added the facebook like button but it doesn't show up on chrome (it shows up in IE). I checked the console and found a message - "Failed to load resource: net::ERR_BLOCKED_BY_CLIENT". My other site that formerly used to display the button also no longer shows it. Any help will be appreciated. Thanks

I stumbled across this question because I was searching for "net::ERR_BLOCKED_BY_CLIENT" while developing a website using a purchased template.
The issue was that I checked "block social media buttons" in AdBlockPlus settings. I did not use any tracking buttons on my website, though.
The template used banned names in classes and file names. For example, there was a CSS class icon-social-facebook and an image icon-social-facebook.png. It turned out that AdBlockPlus was configured to use this list https://easylist-downloads.adblockplus.org/fanboy-social.txt which blocked website elements with "icon-social-" in their names.

Related

Linking "itms-apps://" link to redeem gifted app within html email

HTML novice here stumbling around with modifying some email code that put together using some online generators and such. I am trying to send an email to customers with an embedded link that will automatically open the iOS app store "redeem" button for an app that I have gifted them.
The link to accomplish this for a given "gifted app" is as follows:
itms-apps://buy.itunes.apple.com/WebObjects/MZFinance.woa/wa/freeProductCodeWizard?code=PROMOCODEHERE?mt=8
This link works fine when clicked from iMessage, apple Notes, etc on iPhone (I.e., opens the app store and just has a redeem button, thus allowing the person to directly install the app to their phone). It would also work just fine if you remove the itms-apps:// portion and the user defaults to Safari browser - the issue I'm trying to avoid is if they use a non-default browser (Chrome, etc) so that the link goes direct to app store.
Within the email, I'm using the following (the itms-apps:// link is technically called from a variable, but I've tried it with and without variable to no success). The email sends and the button this link is in just does nothing on iPhone, isn't tappable etc.
TAP FROM iOS TO INSTALL
So far, as mentioned I've tried
Removing the variable which calls in the promo code app store link
Using a URL encoder to make sure special/reserved characters aren't an issue (result looks like the following)
TAP FROM iOS TO INSTALL
... but these options aren't working. Would love any thoughts as to how to approach this! Thanks in advance.
Try to add this in your Info.plist

Wordpress drops file prefix after update

TL;DR - why does Wordpress remove file:// from file links?
Our intranet page has a section containing icons with links behind them. All of a sudden (our guess is after an update), one of the links stopped working. The link is as follows (1):
<img src="/img/meetings.jpg" style="width:75px; height:75px;"/>
The expected behaviour (in Internet Explorer (2)) is that the file explorer opens, and points to the share \vmdata\meetings, which has always worked up until now.
When I hover over the icon image I see the following code however:
http://vmdata/meetings
and when I check the HTML by viewing the source of the page, I see that the file:// prefix is indeed gone:
<a href="//vmdata/meetings" target="_blank" rel="noopener noreferrer">
To work around this issue, I had a look at a page on which the original creator had added the same type of links. My idea was to create a similar page, copy the HTML code on the page and link the icon to said page. I added the page and HTML link but after viewing the page, the result is exactly the same: the file:// prefix is gone.
My guess is that something within Wordpress is rewriting/removing the file:// link. My question now is twofold: how do I stop this rewriting/removing behaviour, and/or how can I add a link to a fileshare as before?
PS: the creator of the website is no longer available, and the website is running yet unmanaged. Only content creators are left. We have no Wordpress knowledge in house, so we're basically just trying to keep the site up and running (in wait for a new site).
(1) I realise that pointing to a server share from an intranet site is a very ugly way to publish files. However, as stated before, we're in a situation of if it ain't broke don't fix it with this website, so we just want to go back to a working situation. Creating a page to link to (hosted) documents would be a lot better, but is for various reasons not feasible.
(2) please don't bother pointing out NOT to use Internet Explorer (anymore), we all know that but we are stuck with it because it is a requirement for one of the major tools we all use everyday. As long as that tool doesn't support other browsers, we're stuck with IE (unfortunately).
I found another question regarding this issue: can't save network share path as a link in wordpress 3.1
Apparently the correct way to add an allowed protocol into WordPress is to modify the functions.php file and add the following code:
function allowed_link_protocols_filter($protocols)
{
$protocols[] = 'file';
return $protocols;
}
add_filter('kses_allowed_protocols', 'allowed_link_protocols_filter');
More information can be found in the following article: https://developer.wordpress.org/reference/hooks/kses_allowed_protocols/
Adding the code above solved the problem for me, so I hope this helps others to solve similar issues in the future.

Hyperlinks within email body work in browser but not Gmail mobile app

I've got a program that generates email reports and sends to certain recipients. The email contains a table of contents with hyperlinks to bookmarks later in the email.
This works perfectly when viewing mails in the browser, e.g. on gmail.com. However, recently something seems to have changed in the Gmail mobile app, and my hyperlinks no longer work there.
When generating the email, the link is of the form:
Section 1
and the bookmark is of the form:
<a name="section_1"/>
In the browser, the link URL appears in the form:
https://mail.google.com/mail/u/0/#m_3653008429050877336_1
In the Gmail app, however, the link appears in the form:
x-thread://-90370221/435827759917983#m_3653008429050877336_1
Any ideas what has changed, and how to make my intra-document hyperlinks work again?
Orignal Answer
This functionality is not available in gmail app. Here is the link to google forum where you can confirm:
https://productforums.google.com/forum/#!topic/gmail/CdhA_3Z1yTo
You can insert link in the gmail app (like http://www.google.com) in Gmail app which is automatically converted to clickable link when you send the message but if you want hyperlink (like "click here" and when you click on it you are directed to the link to the page) you will have to do it from your browser only. There is no option available in Gmail app to do that.
The alternate solution is to use Microsoft Outlook. Add your google account in Outlook app.
In the compose section long press in the area then you get option to add hyperlink.
Answer after discussion in chat
It seems that the problem is with the gmail app version. If you want to open links received in your gmail app so that you are redirected to the location of message in the same mail you need to have minimum version 8 of gmail app. Verified this as I was able to access the links in my gmail app as well as my browser.
Platforms on which veried the links:
Android 6.0.1 - Gmail Version: 8.1.7.182107449.release
Windows 10 - Chrome: Version 63.0.3239.132
Ubuntu 16.04 (xenial) - Firefox: Version 57.0.4
To get around the Gmail app not having an option to insert a link into text (hyperlink) on my mobile device I use another mobile app to compose the email first. Currently, the only app I have discovered to be compatible with this trick is Google Docs. I find it works for typing, formatting, inserting images and creating hyperlinks.
To upload from Google Docs into Gmail I am presently only aware of the ability to highlight the planned body of the email in Google Docs then pasting it into Gmail.
Using Google Docs I am aware of the ability to carry over changes to some features of the hypertext. Such as colour, boldness, italics, size, underline. There are possibly more customizable options available before inserting what you have composed into Gmail.
I am unaware of any tricks to create a usable hyperlink of images for use in the Gmail app.
Such a feature outside the “Signature” on Gmail desktop could prove most beneficial.
I had the same issue. I was adding hyperlinks as following
Click Here
I did it to handle the possibility of https not available on the website as links are dynamic in the email. When I changed it to following then it worked on gmail app as well.
Click Here
You can’t do it in the gmail mobile app. Sorry. Also, it matters what version you have.
I found a link on these forums with a fix. Essentially they said that if you put a span inside the link, it will fix the problem. I've not yet had a chance to test it however. According to the post:
This won't work:
Bar
But either of the following will:
<span>Bar</span>
<font>Bar</font>

"Link to App Store" widget for mobile website

For the past months I have found several websites using some kind of "widget".
If I open a website having this widget with my iPhone, it will display a link to the (website related) iPhone app. It looks like a simple div containing appname, rating and link. The widget even "knows" whether I have already installed the app or not.
This thing is always shown on the top of the page and looks always the same. Is there some kind of widget/API offered by Apple or who is the creator of those links? I have found nothing yet in the web about it...
Thanks for your help!
You're looking for "Smart App Banners".
http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html
Usage is as simple as adding the following meta tag to your web page's source code, specifying the Apple App Store ID some affiliate data, and even a URL scheme argument.
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">

Facebook share link content

I have a share button on my website, I understand that the link is www.facebook.com/share.php?u=myurl. And everything works fine, but how do what it says when you click it, right now it shows my website and then "Coming Soon - Future home of something quite cool"... I did try adding &t=mytitle but nothing changed. Bellow is a screenshot. Thank you.
I'll start with informing you that the facebook "sharer" has been deprecated and is no longer supported as it states here:
The Share button has been deprecated in favor of the Like button, and
will no longer be supported. Please use the Like button whenever
possible to drive maximum traffic to your apps.
And here:
What happened to the old Share button?
We deprecated the Share Button when we launched the Like button,
because the Like button improves clickthrough rates by allowing users
to connect with one click, and by allowing them to see which of their
friends have already connected.
You should use the Like or Send buttons instead.
As for the content that is being presented in the feed, you can control that by adding open graph tags to the page you wish users to share, when facebook crawls your page it extracts those tags and creates the feed story.
In order to debug and see how facebook "sees" your page you can use the Facebook Debugger which will also clear the cache facebook already has for your page.