Dashboards mit Google
Spreadsheets & der Embed API
Michaela Linhart und Rares Peicu, e-dialog
Wien, 23. Februar 2016
Google Spreadsheets
Dashboards mit Google Spreadsheets & der Embed API
Seite 3
Dashboards in Google Analytics
Seite 4
Dashboards mit Google Spreadsheets
Seite 5
Dashboards in GA: Limits
● Max. 12 Widgets
● Nur 10 Zeilen pro Widget
● Kein eigenes Design
● Keine komplexe
Darstellungen
Seite 6
Dashboards mit Spreadsheets: Vorteile
● Bis zu 7 Dimensionen
● Bis zu 10 Metriken
● Mehrere Accounts
● Eigenes Design
● Externen Datenquellen
● Automatisierung
Seite 7
Dashboards mit Spreadsheets: How to
Core Reporting API
Seite 8
Dashboards mit Spreadsheets: GA Add-On
1. GA Add-On installieren
2. Info: API Explorer
3. Daten aus GA abfragen
4. Daten in Spreadsheets
bearbeiten
Core Reporting API
Seite 9
Dashboards mit Spreadsheets: API Explorer
Core Reporting API
1. GA Add-On installieren
2. Info: API Explorer
3. Daten aus GA abfragen
4. Daten in Spreadsheets
bearbeiten
Seite 10
Dashboards mit Spreadsheets: API Explorer
Core Reporting APICore Reporting API
1. GA Add-On installieren
2. Info: API Explorer
3. Daten aus GA abfragen
4. Daten in Spreadsheets
bearbeiten
Seite 11
Dashboards mit Spreadsheets: Abfragen
Core Reporting API
1. GA Add-On installieren
2. Info: API Explorer
3. Daten aus GA abfragen
4. Daten in Spreadsheets
bearbeiten
Seite 12
Dashboards mit Spreadsheets: Abfragen
Core Reporting API
1. GA Add-On installieren
2. Info: API Explorer
3. Daten aus GA abfragen
4. Daten in Spreadsheets
bearbeiten
Seite 13
Dashboards mit Spreadsheets: Bearbeiten
1. GA Add-On installieren
2. Info: API Explorer
3. Daten aus GA abfragen
4. Daten in Spreadsheets
bearbeiten
Core Reporting API
Seite 14
Beispiel Dashboard: Internationaler Vergleich
Seite 15
Beispiel Dashboard: Trendlines
Seite 16
Beispiel Dashboard: Vergleich mit Vorperioden
Seite 17
Beispiel Dashboard: Corporate Design
Embed API
Dashboards mit Google Spreadsheets & der Embed API
Seite 19
Was ist die Embed API?
• JS Library
• GA Charts auf Drittanbieter Websites z.B.
• Intranet
• Firmenwebsite
Seite 20
Embed API: Interaktive Dashboards
Seite 21
Embed API: Dashboards mit Third Party Visualization
● d3.js
● chart.js
Seite 22
Embed API: Dashboards mit Multiple Views
Ohne Interne Zugriffe Mit Interne Zugriffe
Seite 23
Embed API: Dashboards mit Custom Components
Seite 24
Authorization
• Übernimmt Google für Sie!
• Client-side
• Authentifizierung: mit Ihrem Google Account im Browser
• Autorisierung: Zustimmung, dass Dashboard auf Ihre Daten
zugreifen darf
• Sie sehen nur Ihre Daten!
Seite 25
Wie funktioniert die Embed API?
Technischer Backround notwendig
• ClientID erstellen
• developers.google.com/api-client-library/javascript/start/start-js#Setup
• Copy&Paste: Embed API Library und User Autorisierung
• developers.google.com/analytics/devguides/reporting/embed/v1/
• Charts erstellen
• Beispiele unter: https://ga-dev-tools.appspot.com/embed-api/
• Customizen
Vorteile: Spreadsheet und Embed API Dashboards
• Eigenes, individuelles Layout und Design
• Flexible Visualisierung
• Eigenes, unabhängiges Hosting
• Daten aus Multiple Views
• Daten aus externen Datenquellen
Seite 27
Buch Tipp
Information Dashboard Design:
Displaying Data for At-A-Glance
Monitoring (Englisch)
Stephen Few
http://amzn.to/210UUSJ
Fragen hier und bei uns am Stand :)
Dashboards mit Google Spreadsheets & der Embed API
Seite 29
Happy Dashboarding!!!
Seite 30
Michaela Linhart, MSc MBA
Consultant
Digital Analytics
linhart@e-dialog.at+43-1-309 09 09- 28
Rares Peicu, MSc
Junior Consultant
Digital Analytics
peicu@e-dialog.at+43-1-309 09 09-11
Herzlichen Dank!

Google Analytics Konferenz 2016: Dashboards mit Google Spreadsheets & der Embed API (Michaela Linhart & Rares Peicu, e-dialog)

  • 1.
    Dashboards mit Google Spreadsheets& der Embed API Michaela Linhart und Rares Peicu, e-dialog Wien, 23. Februar 2016
  • 2.
    Google Spreadsheets Dashboards mitGoogle Spreadsheets & der Embed API
  • 3.
    Seite 3 Dashboards inGoogle Analytics
  • 4.
    Seite 4 Dashboards mitGoogle Spreadsheets
  • 5.
    Seite 5 Dashboards inGA: Limits ● Max. 12 Widgets ● Nur 10 Zeilen pro Widget ● Kein eigenes Design ● Keine komplexe Darstellungen
  • 6.
    Seite 6 Dashboards mitSpreadsheets: Vorteile ● Bis zu 7 Dimensionen ● Bis zu 10 Metriken ● Mehrere Accounts ● Eigenes Design ● Externen Datenquellen ● Automatisierung
  • 7.
    Seite 7 Dashboards mitSpreadsheets: How to Core Reporting API
  • 8.
    Seite 8 Dashboards mitSpreadsheets: GA Add-On 1. GA Add-On installieren 2. Info: API Explorer 3. Daten aus GA abfragen 4. Daten in Spreadsheets bearbeiten Core Reporting API
  • 9.
    Seite 9 Dashboards mitSpreadsheets: API Explorer Core Reporting API 1. GA Add-On installieren 2. Info: API Explorer 3. Daten aus GA abfragen 4. Daten in Spreadsheets bearbeiten
  • 10.
    Seite 10 Dashboards mitSpreadsheets: API Explorer Core Reporting APICore Reporting API 1. GA Add-On installieren 2. Info: API Explorer 3. Daten aus GA abfragen 4. Daten in Spreadsheets bearbeiten
  • 11.
    Seite 11 Dashboards mitSpreadsheets: Abfragen Core Reporting API 1. GA Add-On installieren 2. Info: API Explorer 3. Daten aus GA abfragen 4. Daten in Spreadsheets bearbeiten
  • 12.
    Seite 12 Dashboards mitSpreadsheets: Abfragen Core Reporting API 1. GA Add-On installieren 2. Info: API Explorer 3. Daten aus GA abfragen 4. Daten in Spreadsheets bearbeiten
  • 13.
    Seite 13 Dashboards mitSpreadsheets: Bearbeiten 1. GA Add-On installieren 2. Info: API Explorer 3. Daten aus GA abfragen 4. Daten in Spreadsheets bearbeiten Core Reporting API
  • 14.
    Seite 14 Beispiel Dashboard:Internationaler Vergleich
  • 15.
  • 16.
    Seite 16 Beispiel Dashboard:Vergleich mit Vorperioden
  • 17.
  • 18.
    Embed API Dashboards mitGoogle Spreadsheets & der Embed API
  • 19.
    Seite 19 Was istdie Embed API? • JS Library • GA Charts auf Drittanbieter Websites z.B. • Intranet • Firmenwebsite
  • 20.
    Seite 20 Embed API:Interaktive Dashboards
  • 21.
    Seite 21 Embed API:Dashboards mit Third Party Visualization ● d3.js ● chart.js
  • 22.
    Seite 22 Embed API:Dashboards mit Multiple Views Ohne Interne Zugriffe Mit Interne Zugriffe
  • 23.
    Seite 23 Embed API:Dashboards mit Custom Components
  • 24.
    Seite 24 Authorization • ÜbernimmtGoogle für Sie! • Client-side • Authentifizierung: mit Ihrem Google Account im Browser • Autorisierung: Zustimmung, dass Dashboard auf Ihre Daten zugreifen darf • Sie sehen nur Ihre Daten!
  • 25.
    Seite 25 Wie funktioniertdie Embed API? Technischer Backround notwendig • ClientID erstellen • developers.google.com/api-client-library/javascript/start/start-js#Setup • Copy&Paste: Embed API Library und User Autorisierung • developers.google.com/analytics/devguides/reporting/embed/v1/ • Charts erstellen • Beispiele unter: https://ga-dev-tools.appspot.com/embed-api/ • Customizen
  • 26.
    Vorteile: Spreadsheet undEmbed API Dashboards • Eigenes, individuelles Layout und Design • Flexible Visualisierung • Eigenes, unabhängiges Hosting • Daten aus Multiple Views • Daten aus externen Datenquellen
  • 27.
    Seite 27 Buch Tipp InformationDashboard Design: Displaying Data for At-A-Glance Monitoring (Englisch) Stephen Few http://amzn.to/210UUSJ
  • 28.
    Fragen hier undbei uns am Stand :) Dashboards mit Google Spreadsheets & der Embed API
  • 29.
  • 30.
    Seite 30 Michaela Linhart,MSc MBA Consultant Digital Analytics linhart@e-dialog.at+43-1-309 09 09- 28 Rares Peicu, MSc Junior Consultant Digital Analytics peicu@e-dialog.at+43-1-309 09 09-11 Herzlichen Dank!