AnsweredAssumed Answered

Custom Twitter & Facebook share links/messages for Map Tour app

Question asked by starlene on Aug 23, 2017

I am hosting my story map tour on my server so I am configuring the Index.html to make some changes to the look and feel of the app. For sharing customization, I am using the following article as a guide 

https://developerscorner.storymaps.arcgis.com/grow-your-story-maps-audience-with-open-graph-tags-b7639cb65d5c 

 

I have been able to alter the meta tags under the 'Facebook Sharing' section-- but when I add code for Twitter cards, my code seems to be ignored. when I look at my code in the Twitter card validator, my changes are applied but not when I click the Twitter share icon in my app. This is what I added to the index.html

 

<!-- Facebook sharing -->
<meta property="og:type" content="article"/>
<meta property="og:title" content="TITLE"/>
<meta property="og:description" content="description"/>
<meta property="og:image" content="custom_logo.png"/>
<meta property="og:image:width" content="100" />
<meta property="og:image:height" content="50" />

 

<!-- Twitter Sharing -->
<meta name="twitter:card" content="summary" />
<meta property="og:url" content="https://myurl.org" />
<meta property="og:title" content="TITLE" />
<meta property="og:description" content="description here" />
<meta property="og:image" content="custom_logo.png" />

 

Is there any other place I have to modify code to get the Twitter changes to apply? My custom Facebook is also in the index.html so I am unsure why one works and the other does not. 

Outcomes