"Link to App Store" widget for mobile website - html

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">

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

Adding a static page to squarespace (developer)

I currently have a Squarespace site which is a bit old but still functional. It's going to be a while before I do the new site for it, however, I want to add a new page to the Squarespace site that is a static HTML page that functions as a mini preview to the new site.
I have made a separate site just for now and everything is ready to go up on the live account (that's paid for). The dev site I just did everything on the site. region file, however, the layout of the live site is a bit different since it's using a template.
I followed their docs to this page on adding static pages...
It says to add a folder called pages and 2 files, in my test I made barry.page and barry.page.conf
barry.page is a boilerplate HTML page for testing and barry.conf looks like:
{
"title" : "Barry",
"description" : "barry desc"
}
As far as I can tell, this is all I need to do however I cannot find the page when I run the site either locally or on Squarespace. localhost:9000/barry returns a 404.
How can I find this site, it would be a major pain if I had to host the site elsewhere and redirect from Squarespace because their docs aren't written well!
Assuming you've pushed your changes to the server (and assuming you meant barry.page.conf not barry.conf), perhaps you've not set the URL for the page as desired using the "settings" icon to the right of the page in your "Not Linked" section (while in the back-end editing ["config"] area of your Squarespace website).
That should at least get the page to show up.
If you're here in the future, Squarespace 7.1 does not offer the ability to create static pages as in Squarespace 7.0. You can see the version you're on by signing into your site dashboard > Help > scroll down to the bottom.

Website Meta Not Pulling Through to Facebook, Twitter or Linkedin

I have been having some issues with metatags on my website. Open graph validators all recognise that I have meta data available on each page however neither facebook, twitter or linkedin seem able to pick it up.
Twitter specifically says: WARN: No metatags found
I recently changed all of our web page names from:
www.website.com/blogs.html to
www.website.com/blogs
and since then it seems that twitter etc are no longer whitelisted (the reason I say that is because the twitter card validator no longer gives me the green box that says it is whitelisted).
Here is an example of one of the pages that isn't working:
http://cuttsyandcuttsy.com/blogs/Mar-2018/its-more-than-just-a-font
I should probably point out that there is also a .htaccess file sat on the website redirecting people from the old blog posts to the new versions of them (website redesigned).
I have no idea why it's not picking it up or how to fix it but any help on the matter would be appreciated.
I can also provide the code if you need it.

Facebook like button no longer shows up in 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.

Opening iBook File on iPad from HTML Link

This is a bit of a strange question, but I have a client who's employees will be accessing an intranet site using company provided iPads. All of these iPads will have an book loaded into iBooks. They want us to link to that book from the intranet site. I can't find a way that this can be done. Does anyone know how it might be done? If not, do you know of a way that we can link to the iBooks application so that it will launch and at least give the user the menu of iBooks available on the device? Thanks in advance.
You can open directly to iBooks by using the url:
My Link
This is a possible duplicate of How do I launch iBooks e-reader programmatically on iPad?
You can open iBooks to a specific book now by including the assetid of the book you want to open. Example:
ibooks://assetid/1396541327
Details available on the Apple.com website - https://support.apple.com/en-us/HT202929