1 of 33

Embed API

​

ConversionWorks Confidential and Proprietary

2 of 33

Dashboards

ConversionWorks Confidential and Proprietary

    • The Laws of dashboards
      • Most dashboards are shitty
      • If it’s called a dashboard, it’s probably shitty
      • If you don’t know what to take away from your dashboard, your users won’t either - this is shitty
      • Not talking to users results in a shitty dashboard
      • Dashboards with controls are shitty
      • Just because it’s useful in PPT doesn’t mean it’s useful in a dashboard - it makes it shittier
      • Last 30 days is a shitty time range

​

You don’t need shitty dashboards

http://attackwithnumbers.com/the-laws-of-shitty-dashboard

3 of 33

Democratising data - Doing it Right

ConversionWorks Confidential and Proprietary

​

    • Easy to consume report that has value

​

    • It’s NOT an infographic

​

    • Make data easy to access, consume and share

​

4 of 33

Embed API Example Chart

ConversionWorks Confidential and Proprietary

​

Do things like this in a branded HTML page:

​

5 of 33

Embed API Example Markup

ConversionWorks Confidential and Proprietary

6 of 33

Embed API Dashboards

ConversionWorks Confidential and Proprietary

​

    • HTML syntax
      • Even marketers can do this...
    • Quick
      • You’ll see how fast
    • Easy
      • Srsly!
    • FREE!
      • API Quota
    • Fast
      • Faster than GA currently

​

7 of 33

Scripted - cool

ConversionWorks Confidential and Proprietary

​

    • Embed API using scripts:
      • https://ga-dev-tools.appspot.com/demos/embed-api

​

8 of 33

Polymer - cooler!

ConversionWorks Confidential and Proprietary

​

    • Embed API using polymer
    • Dashboards look the same to users
    • FAR easier to markup
    • Scripting is abstracted by Polymer
      • https://www.polymer-project.org/
      • Interoperable custom HTML extension
    • Hence, HTML-like syntax

​

9 of 33

How?

ConversionWorks Confidential and Proprietary

​

    • Polymer = a bunch of js files you don’t have to mess with
    • They translate HTML-like tags using script and HTML templates

​

    • The HTML-like tags abstract over the complexity
    • Hide hard things from minions
    • Make data available and easy to access!

​

    • Useful to have a degree of fluency with the GA query explorer
    • http://ga-dev-tools.appspot.com/explorer/

​

​

10 of 33

Create a project

ConversionWorks Confidential and Proprietary

https://console.developers.google.com/project

​

​

11 of 33

Create a project

ConversionWorks Confidential and Proprietary

12 of 33

Create a project

ConversionWorks Confidential and Proprietary

13 of 33

Turn on the GA API

ConversionWorks Confidential and Proprietary

14 of 33

Turn on the GA API

ConversionWorks Confidential and Proprietary

15 of 33

Credentials

ConversionWorks Confidential and Proprietary

16 of 33

Credentials

ConversionWorks Confidential and Proprietary

17 of 33

Credentials

ConversionWorks Confidential and Proprietary

18 of 33

Consent Screen

ConversionWorks Confidential and Proprietary

19 of 33

Now...

ConversionWorks Confidential and Proprietary

​

    • Go download the source

​

https://github.com/googleanalytics/embed-api-demos/archive/master.zip

​

    • Before you start using it - fix Google’s bugs….*snigger*

​

​

20 of 33

Fix it

ConversionWorks Confidential and Proprietary

​

    • elements/ga-chart.html

​

    • WRONG!

​

​

21 of 33

Fix it

ConversionWorks Confidential and Proprietary

​

    • elements/ga-chart.html

​

    • Right!

​

​

22 of 33

Fix it

ConversionWorks Confidential and Proprietary

​

    • elements/ga-chart.html

​

    • Wrong!

​

​

23 of 33

Fix it

ConversionWorks Confidential and Proprietary

​

    • elements/ga-chart.html

​

    • Right!

​

​

24 of 33

Include your Client ID in the source

ConversionWorks Confidential and Proprietary

25 of 33

Access the page and authenticate with Google

ConversionWorks Confidential and Proprietary

http://test.conversionworks.co.uk/embedAuto.html

26 of 33

It works...

ConversionWorks Confidential and Proprietary

27 of 33

Extend it

ConversionWorks Confidential and Proprietary

​

    • http://test.conversionworks.co.uk/elements/ga-chart.html
    • Once you’ve got it fixed
    • Start to play!

​

​

28 of 33

Try new charts

ConversionWorks Confidential and Proprietary

​

​

    • Area
    • Bar
    • Bubble
    • Candlestick
    • Column
    • Geo
    • etc.

​

https://google-developers.appspot.com/chart/interactive/docs/gallery

​

​

29 of 33

Measure it

ConversionWorks Confidential and Proprietary

​

    • Drop in GTM/GA
    • Measure dashboard usage
    • UserID - who’s using your GA?

​

​

30 of 33

Polymer goes further

ConversionWorks Confidential and Proprietary

​

    • Much further
    • http://googlewebcomponents.github.io/

​

​

31 of 33

Polymer goes further

ConversionWorks Confidential and Proprietary

​

    • Much further
    • http://googlewebcomponents.github.io/

​

​

32 of 33

Why is this so good?

ConversionWorks Confidential and Proprietary

​

    • Bring data to the masses

​

    • Technical barriers torn down

​

    • Neat tech - polymer is highly reusable

​

    • Faster than the current GA front end

​

    • Go explore

33 of 33

Questions?

ConversionWorks Confidential and Proprietary

FIN