Featured Streamer:

How To Add Twitter Cards To Your Blogger Site

How To Add Twitter Cards To Your Blogger Site 

Figure1: (Sprout Social, 2015)

Adding Twitter "Summary" Cards will help drive visitors to your site when sharing via a tweet on twitter, without twitter cards the URL of the page or site will blend in too much with the hashtags that will help spread your page around the internet. It also becomes quite unnoticeable if there are no images to grab someone's attention as they scroll down their feed.

To add Large Summary Twitter cards head over to your Theme tab when in the blogger control panel.

Once it is showing the new information it should look something similar to this.


Now that this page is showing click Edit HTML, it will now look similar to this.


With this page open press Ctrl+F (or Command + F on a Macintosh) and search the term </head> and paste the following code just Above that tag.


<meta content='summary_large_image' name='twitter:card'/>
<meta content='@pharahtato' name='twitter:site'/>
<meta content='@pharahtato' name='twitter:creator'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
<b:else/>
<meta expr:content='data:blog.homepageUrl' name='twitter:url'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='INSERT IMAGE URL' name='twitter:image:src'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>


To Customize Change the @Pharahtato handles to your twitter handle that you use as your page account or your personal account.

Where it says INSERT IMAGE URL paste the URL to the image you wish to use as the default Card image between the single quotation marks. 

When you have finished customising Click the Save Theme button to save the template and enable the twitter cards.

To check they are working test some URLs from your site and pages using this tool provided on the Twitter Development site https://cards-dev.twitter.com/validator 

The Code Is an Edited Version from: "Add Twitter Cards in Blogger", iHowPC, 2018.

References (APA 6th Edition Referencing):
Twitter Cards. (2015). Retrieved from https://sproutsocial.com/
Add Twitter Cards in Blogger. (2018). Retrieved from http://ihowpc.com/twitter-cards-blogger

Comments

Most Popular

Scalecaller Peak Dungeon Tips (Normal) - Elder Scrolls Online (Second Boss)

A Brief Look at C++ - Part 1

Scalecaller Peak Dungeon Tips (Normal) - Elder Scrolls Online