Twitter Card iTunes, iOS App Links Implementation Guide for WordPress Will Guide You To Properly Use The Right Things Quite Easily. We promise – this guide for implementing Twitter Card iTunes, iOS App links for WordPress will be very easy to follow yet most informative.
Practically we talked about most of the options to use, debug and get working Twitter Card through various articles and guides; but those guides have never covered an optional part – iTunes, iOS App Links Implementation. So, first we will recapitulate the older guides and then show you the definite way for implementing Twitter Card iTunes, iOS App Links.
Before We Think About Twitter Card iTunes, iOS App Links Implementation
Before we can think to implement Twitter Card iTunes, iOS App links, first we should enable and get approved to use Twitter Cards. So, here are some guides :
---
- Twitter Card Embed Options in WordPress
- Various Ways to Add in WordPress Meta Data for Twitter Cards
- Twitter Cards WordPress for Dummies (very useful guide)
We are taking that, you have already implemented Twitter Cards in some way or the other, may be you are using some solo WordPress Plugin or may be some SEO Plugin. This is the first step, you must pass.
Steps For Twitter Card iTunes, iOS App Links Implementation
We fill first refer to Twitter’s official guideline :
1 | https://dev.twitter.com/docs/cards/app-installs-and-deep-linking |
Unfortunately, Twitter has not said in very consumable, palatable way. The first thing is that; use Header & Footer or some Plugin or Theme Function which will insert meta data in your WordPress Website. Clearly know – these set can reside a bit far way from the other Meta related to Twitter Cards.
This is called Link Maker of iTunes :
1 | https://linkmaker.itunes.apple.com/us/ |
Basically, that is used to create Buttons Like this :
Irrespective of type of App, you will find the Link, looking like this :
1 | https://itunes.apple.com/in/podcast/thecustomizewindows-podcast/id788237000?mt=2&uo=4 |
Look at the ID :
1 | 788237000 |
twitter:app:name:iphone
is the Name of your App. twitter:app:id:iphone
is the number we have shown above. But, what will be the URL in twitter:app:url:iphone
? Here is a trick. What I found, appending the ID after the Equals Sign makes it a working link :
1 2 3 | https://userpub.itunes.apple.com/WebObjects/MZUserPublishing.woa/wa/addUserReview?id=YourID # For My Example, YourID is , so the full link will be https://userpub.itunes.apple.com/WebObjects/MZUserPublishing.woa/wa/addUserReview?id=788237000 |
This is the URL which triggers to open the iTunes App Store. Actually, the whole proper URL should be :
1 | https://userpub.itunes.apple.com/WebObjects/MZUserPublishing.woa/wa/addUserReview?id=788237000&type=AppDev+Name |
As I used a Podcast URL to test, &Type=
is not required. It will only be required if there are two same named Apps. Three things for one set – iPhone, Three things for another set – iPad. Total six lines :
Twitter Card iTunes, iOS App Links Implementation Guide for WordPress: Twitter Card iTunes¦ http://t.co/K2z6sCevjB
— Abhishek Ghosh (@AbhishekCTRL) March 12, 2014
1 2 3 4 5 6 | <meta name="twitter:app:name:iphone" content="The Customize Windows Podcast"/> <meta name="twitter:app:id:iphone" content="788237000"/> <meta name="twitter:app:url:iphone" content="https://userpub.itunes.apple.com/WebObjects/MZUserPublishing.woa/wa/addUserReview?id=788237000"/> <meta name="twitter:app:name:ipad" content="The Customize Windows Podcast"/> <meta name="twitter:app:id:ipad" content="788237000"/> <meta name="twitter:app:url:ipad" content="https://userpub.itunes.apple.com/WebObjects/MZUserPublishing.woa/wa/addUserReview?id=788237000"/> |
The complexity is made as there will be peoples who can abuse. Now if you test; it will pass.