Twitter Card Master Class #SMWLDN

98
Twitter Card Master Class Social Media Week London 2014 #OgilvyCards @whatleydude

description

The slides from the Twitter Card Master Class presentation, as given at Social Media Week London, 2014.

Transcript of Twitter Card Master Class #SMWLDN

Twitter Card Master Class Social Media Week London 2014

#OgilvyCards @whatleydude

#OgilvyCards @Whatleydude

#OgilvyCards

What are Twitter Cards?

@Whatleydude

#OgilvyCards @Whatleydude

What are Twitter Cards?

#OgilvyCards

What are Twitter Cards?

@Whatleydude

#OgilvyCards

What are Twitter Cards?

@Whatleydude

@Whatleydude

What are the different

types of Twitter Card

available? #OgilvyCards

@Whatleydude

Photo

#OgilvyCards

@Whatleydude

Photo Summary

#OgilvyCards

@Whatleydude

Photo Summary

Summary Large

#OgilvyCards

@Whatleydude

Photo Summary

Summary Large Gallery

#OgilvyCards

@Whatleydude

Photo Summary

Summary Large Gallery Player

#OgilvyCards

@Whatleydude

Photo Summary

Summary Large Gallery Player App

#OgilvyCards

@Whatleydude

Photo Summary

Summary Large Gallery Player App

Product #OgilvyCards

@Whatleydude

Photo Summary

Summary Large Gallery Player App

Product #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

Images appear ���‘in-stream’ ���

at a ratio of

2:1 @Whatleydude #OgilvyCards

People get this wrong ���ALL THE

TIME @Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude

REMEMBER: ���Images appear ���

‘in-stream’ ���at a ratio of

2:1 #OgilvyCards

@Whatleydude

Need Inspiration?

#OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude

Photo Summary

Summary Large Gallery Player App

Product #OgilvyCards

@Whatleydude

Photo Summary

Summary Large Gallery Player App

Product #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude

https://dev.twitter.com/cards

#OgilvyCards

@Whatleydude

1.  

#OgilvyCards

@Whatleydude

1.  

2.

#OgilvyCards

@Whatleydude

1.  

2.

https://dev.twitter.com/cards

#OgilvyCards

@Whatleydude

Photo Summary

Summary Large Gallery Player App

Product #OgilvyCards

@Whatleydude

Photo Summary

Summary Large Gallery Player App

Product #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude

Photo Summary

Summary Large Gallery Player App

Product #OgilvyCards

@Whatleydude

Photo Summary

Summary Large Gallery Player App

Product #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude

YouTube, Soundcloud, Slideshare, Vine… #OgilvyCards

@Whatleydude

YouTube, Soundcloud, Slideshare, Vine… #OgilvyCards

@Whatleydude

Photo Summary

Summary Large Gallery Player App

Product #OgilvyCards

@Whatleydude

Photo Summary

Summary Large Gallery Player App

Product #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude

Photo Summary

Summary Large Gallery Player App

Product #OgilvyCards

@Whatleydude

Photo Summary

Summary Large Gallery Player App

Product #OgilvyCards

@Whatleydude #OgilvyCards

55

Twitter cards for Harveys Furniture!A Social Shopping Innovation Case Study

@Whatleydude #OgilvyCards

Twitter Product Card Features: •  Product name •  Product image •  Price information •  Integrated ratings from Bazaarvoice •  Product description •  UTM-tracked link to product

BEFORE AFTER

@Whatleydude #OgilvyCards

This is not an exclusive feature for ���the @HarveysHQ Twitter profile. ������If any Twitter user shares a deep link to ���a Harveys Furniture product page, ���the product card swings into action. Altogether enabling a richer and more ���seamless product experience for Twitter���users sharing Harveys’ products.

@Whatleydude #OgilvyCards

0  

10  

20  

30  

40  

50  

60  

70  

1   2   3   4   5   6   7   8   9   10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  25  26  27  28  29  30  31  32  33  34  35  36  37  38  

Visitors

Introduction of Twitter cards

@Whatleydude #OgilvyCards

Implementation: Ogilvy formed the key point between Harveys digital team, Harveys web development team, the Twitter UK help team in London and the lead developers in San Francisco. Twitter tools: Details of website requirements / instructions can be found here: https://dev.twitter.com/cards Recommendation: Advise working with Twitter (or with someone who has previous experience on implementation) on any plans to ensure successful roll out. Note: Twitter Product Cards are free to implement and do not have any ad-spend or media commitment associated with them (unlike Lead-Gen cards, for example).

@Whatleydude #OgilvyCards

@Whatleydude

Photo Summary

Summary Large Gallery Player App

Product #OgilvyCards

@Whatleydude

BONUS ROUND

#OgilvyCards

@Whatleydude

BONUS ROUND Lead

Generation Website Bespoke

#OgilvyCards

@Whatleydude

BONUS ROUND Lead

Generation Website Bespoke

#OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude

ads.twitter.com

#OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude

BONUS ROUND Lead

Generation Website Bespoke

#OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

WE DON’T DO THAT ANYMORE

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

@Whatleydude #OgilvyCards

WE DON’T DO THAT ANYMORE

#OgilvyCards @Whatleydude

#OgilvyCards @Whatleydude

#OgilvyCards @Whatleydude

#OgilvyCards @Whatleydude

@Whatleydude

Photo Summary

Summary Large Gallery Player App

Product Lead Generation

Website #OgilvyCards

@Whatleydude

RECAP

1.  IMAGES: GET THEM RIGHT.

#OgilvyCards

@Whatleydude

RECAP

1.  IMAGES: GET THEM RIGHT. 2.  Website & Lead-Gen Cards? NO CODING.

#OgilvyCards

@Whatleydude

RECAP

1.  IMAGES: GET THEM RIGHT. 2.  Website & Lead-Gen Cards? NO CODING. 3.  TINKER: break things and make things.

#OgilvyCards

@Whatleydude

RECAP

1.  IMAGES: GET THEM RIGHT. 2.  Website & Lead-Gen Cards? NO CODING. 3.  TINKER: break things and make things.

#OgilvyCards

MAKE YOUR CONTENT CALENDARS BETTER

@Whatleydude

THANK YOU – ANY QUESTIONS? #OgilvyCards

@Whatleydude #OgilvyCards