Product Card id not working in moblie browser


#1

I have created a new product card which works fine in the twitter app. But when I tried to acess through mobile browser in android it not working. data1, data 2 values are not displaying. instead text “data1”, “data2” are displayed.

I tried to use deep linking Concepts.Here i added below tags along with product card meta tags

<meta property="al:android:package" content="com.twitter.android">
<meta property="al:android:url" content="twitter://">
<meta property="al:android:app_name" content="twitter">

Is this the right way of using Deep linking ?

what is the url for twitter app?

Product card content looks like below:

<meta name="twitter:card" content="product">
<meta name="twitter:site" content="@TMPWW">
<meta name="twitter:creator" content="">
<meta name="twitter:domain" content="www.jobsattmp.com">
<meta name="twitter:title" content="Client Development jobs in New York at TMP Worldwide">
<meta name="twitter:description" content="Looking for Client Development jobs in New York? TMP Worldwide currently has several Client Development openings and other internet marketing jobs available in New York today.">
<meta name="twitter:image" content="http://seostatic.tmp.com/job-images/Culture/2/1336_The_Powers_of_a_Digital_Strategist.jpg">
<meta name="twitter:label1" content="CATEGORY">
<meta name="twitter:data1" content="client development">
<meta name="twitter:label2" content="Location">
<meta name="twitter:data2" content="new york">
<meta property="al:android:package" content="com.twitter.android">
<meta property="al:android:url" content="twitter://">
<meta property="al:android:app_name" content="twitter">

Please help me in this.

Thanks.


#2

The best guide for using deep links in cards is in the Cards for Mobile Developers section of the documentation.

I’m afraid I’m not clear what the intent of your al:android tags is or who you expect them to be used?

We don’t currently document any supported app URLs for the official Twitter clients, but you can find some suggestions if you search around.


#3
<meta property="al:android:package" content="com.twitter.android">
<meta property="al:android:url" content="twitter://">
<meta property="al:android:app_name" content="twitter">

these tags are used for applinking. Please refer the link http://applinks.org/documentation/.

Is this really required for product card to work in android phone ?.

we also added following tags in product card,

<meta property="al:android:app_name" content="twitter">
<meta name="twitter:app:name:googleplay" content="twitter App">
<meta name="twitter:app:id:googleplay" content="com.twitter.android">
<meta name="twitter:app:url:googleplay" content="twitter://">

If you open below product card in android its not displaying properly.
https://twitter.com/nishmi8/status/529995035878490113.

Please tell me what can be done for this?.

Thanks.


#4

Look at the link I shared to the Mobile Cards documentation. Twitter Cards do not use applinks, but deep linking is possible.

A Product card is different from an App card. Which one do you want to display?


#5

From the link you have given I understood that we have to had below meta tags along with the product card meta tags for deep linking in android.

<meta name="twitter:app:name:googleplay" content="twitter App">
<meta name="twitter:app:id:googleplay" content="com.twitter.android">
<meta name="twitter:app:url:googleplay" content="twitter://">

Is this right?.

I want to use deeplinking in product card.

Thanks.