Angular JS website is not displaying Twitter content properly through the button

javascript
tweetbutton
angular

#1

We’re not sure why our Angular JS site is not displaying the Twitter Cards properly.

Is it because we have two sets of Twitter Cards. One is for the main website which users can click on the top right navigation to share on social platforms. The other one is under the title of the page, there’s individual social share buttons.

When one clicks the twitter share button in the center of the page, it shows the other twitter card information which is more generic for the website as opposed to the respective page.

We discovered for Facebook that we needed to create an app first and implement the JS SDK to the website. Is there something similar that we need to do for Twitter?

Thanks!


#2

Hi @joeyeho,

The Twitter Share/Tweet button opens up a web intent based on the url parameters in the twitter.com/intent/… link, not based on the twitter card meta tags.

You can read more on how to configure it here: https://dev.twitter.com/web/tweet-button.


#3

Hey Evan,

Thank you for responding! I believe the Twitter button does display the proper text, but after posting, the image, title, description and URL do not display the correct content, how can we make sure this displays the respective “Smirnoff Moscow Mule” content.

The example URL we’re referencing is [https://us.thebar.com/recipes/smirnoff-moscow-mule]


#4

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.