Enhanced Ecommerce For Content (SMX München 2015)

68
NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO CONTENT ANALYSIS SEE YOUR SITE IN TERMS OF FUNNELS SMX Munich, 18th March 2015

Transcript of Enhanced Ecommerce For Content (SMX München 2015)

Page 1: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLONETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

CONTENT ANALYSISSEE YOUR SITE IN TERMS OF FUNNELS

SMX Munich, 18th March 2015

Page 2: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLONETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

SIMO AHAVA @ NetBooster

Head of Analytics, Nordics

Google Developer Expert 2014-2016

Twitter: @SimoAhava

Google+: +SimoAhava

#SMX | @SimoAhava

www.simoahava.com

Page 3: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO 3

Respect The Stateless Web

AGENDAOVERVIEW

#01

Enhanced Ecommerce For Content

Implementation Tips

#02

#03

#SMX | @SimoAhava

Page 4: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

RESPECT THE STATELESS

WEB

#SMX | @SimoAhava

Page 5: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

The Web is inherently

stateless.

Page 6: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Things like intent and

content efficiency are

difficult to unveil in the

stateless environment.

Page 7: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

The life span of a web pageENTRANCE

EXIT

Page 8: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

The life span of a web pageENTRANCE

EXIT

Page 9: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

How do you reliably

persist state?

Page 10: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Browser cookies?

Page 11: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Browser cookies? HTML

Storage?

Page 12: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

document.cookie = 'returning=true';

localStorage.setItem('articlesRead', 3);

Page 13: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

They offer temporary

state only.

Page 14: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

And they lack the power

of server-side

computation.

Page 15: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

But…Google Analytics is

stateful!

Page 16: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

https://developers.google.com/analytics/devguides/platform/customdimsmets

Page 17: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Though it has a bully of a

sessionization schema.http://www.simoahava.com/analytics/the-schema-conspiracy/

Page 18: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Want to overcome the

dichotomy of stateless

collection vs. arbitrary

sessionalization?

Page 19: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Here’s an idea:

Forget KPIs for a

moment.

Page 20: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Page 21: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

ENHANCED ECOMMERCE

FOR CONTENT

#SMX | @SimoAhava

Page 22: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

”Traditional” Ecommerce

Session Entrance Receipt Page

Page 23: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

”Traditional” Ecommerce

Session Entrance Receipt Page

transactionId

revenue

products

1 conversion

Page 24: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Enhanced Ecommerce

Session Entrance Receipt Page

Page 25: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Enhanced Ecommerce

Session Entrance Receipt Page

transactionId

revenue

products

1 conversion

Page 26: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Enhanced Ecommerce

Session Entrance Receipt Page

transactionId

revenue

products

1 conversion

Product impressions

Page 27: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Enhanced Ecommerce

Session Entrance Receipt Page

transactionId

revenue

products

1 conversion

Product impressions

Click on impr.

Page 28: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Enhanced Ecommerce

Session Entrance Receipt Page

transactionId

revenue

products

1 conversion

Product impressions

Click on impr.

View product details

Page 29: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Enhanced Ecommerce

Session Entrance Receipt Page

transactionId

revenue

products

1 conversion

Product impressions

Click on impr.

View product details

Add to cart

Page 30: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Enhanced Ecommerce

Session Entrance Receipt Page

transactionId

revenue

products

1 conversion

Product impressions

Click on impr.

View product details

Add to cart

Checkout step 1

Page 31: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Enhanced Ecommerce

Session Entrance Receipt Page

transactionId

revenue

products

1 conversion

Product impressions

Click on impr.

View product details

Add to cart

Checkout step 1

Checkout step 2

Page 32: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Enhanced Ecommerce

Session Entrance Receipt Page

transactionId

revenue

products

1 conversion

Product impressions

Click on impr.

View product details

Add to cart

Checkout step 1

Checkout step 2

Checkout step 3

Page 33: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Enhanced Ecommerce shifts

the focus from conversions to

the entire journey.

Page 34: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Including missed

opportunities.

Page 35: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

1. Implementation

Page 36: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

1. Implementation

2. Activation

Page 37: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

1. Implementation

2. Activation 3. New Reports

Page 38: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

This is very cool for your

webstore.

Page 39: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Page 40: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

It’s infinitely cooler for

your content.

Page 41: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Shopping Reading Behavior

Page 42: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Checkout Behavior Content Engagement

Page 43: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Product Article Performance

Page 44: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Product Content List Performance

Page 45: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Internal Promotions

Page 46: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Content is to a blog what

products are to a store.

Page 47: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Sort out the terminology

first.

Page 48: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Product: A blog article

Product price: Words in an

article

Product impression: Views of

a title or title+ingress in content

lists

Product list: Widget / content

area where article impressions

can be gathered from

Product list click: Clicks on

entries in an article list

Product detail view: Page

load of an article page

Add to cart: First scroll on an

article page

Checkout: 1/3, 2/3, and 3/3

scroll depth on an article page

Purchase: 3/3 scroll depth on

an article page and minimum of

60 seconds dwell time

Page 49: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Then, work on data

collection.

Page 50: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Page 51: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Product impression

Product impression

Product

impressions

Internal promotion

Page 52: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Article Impression

Promotion Impression

Article Impression Click

Page 53: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Page 54: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Article View

Page 55: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Scrolling Begins

Page 56: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Scroll Depth Steps

Page 57: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Purchase

Page 58: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Using Ecommerce terminology

for content analysis opens up a

new world of data-driven

insight.

Page 59: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

IMPLEMENTATION TIPS

Page 60: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

1. Leverage the Data Layer

2. Feel free to leave something out if

it isn’t relevant

3. Design the data collection with

analysis in mind – not (just)

because it’s fun and cool

4. Read Google’s Dev Guide

Page 61: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

1. Leverage the Data Layer

2. Feel free to leave something out if

it isn’t relevant

3. Design the data collection with

analysis in mind – not (just)

because it’s fun and cool

4. Read Google’s Dev Guide

Page 62: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

1. Leverage the Data Layer

2. Feel free to leave something out if

it isn’t relevant

3. Design the data collection with

analysis in mind – not (just)

because it’s fun and cool

4. Read Google’s Dev Guide

Page 63: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

1. Leverage the Data Layer

2. Feel free to leave something out if

it isn’t relevant

3. Design the data collection with

analysis in mind – not (just)

because it’s fun and cool

4. Read Google’s Dev Guide

Page 64: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Further Reading

http://goo.gl/d7IkD9

Page 65: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Further Reading

http://goo.gl/xYNVb3

Page 66: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Further Reading

http://enhancedecommerce.appspot.com/

Page 67: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

#SMX | @SimoAhava

Further Reading

https://github.com/sahava/eec-gtm

Page 68: Enhanced Ecommerce For Content (SMX München 2015)

NETBOOSTER NORDIC // COPENHAGEN // AARHUS // STOCKHOLM // HELSINKI // OSLO

THANK YOU

Twitter: @SimoAhava

Google+: +SimoAhava

www.simoahava.com

#SMX | @SimoAhava