Google analytics API

1

https://ga-dev-tools.appspot.com/embed-api/basic-dashboard/

Need help with the basic implementation of this code

3

3 div’s provided by google - inserted them in the HTML website landing page where the dashboard is to be displayed.

Am I inserting the right code in the right div or am I going wrong somewhere?

  1. //Inserted the "Load the Embed API library code here"

  2. var dataChart = new gapi.analytics.googleCharts.DataChart({
    query: {
    metrics: ‘ga:sessions’,
    dimensions: ‘ga:date’,
    ‘start-date’: ‘30daysAgo’,
    ‘end-date’: ‘yesterday’
    },
    chart: {
    container: ‘chart-container’,
    type: ‘LINE’,
    options: {
    width: ‘100%’
    }
    }
    });

    gapi.analytics.ready(function() { /** * Authorize the user immediately if the user has already granted access. * If no access has been created, render an authorize button inside the * element with the ID "embed-api-auth-container". */ gapi.analytics.auth.authorize({ container: 'embed-api-auth-container', clientid: 'REPLACE WITH YOUR CLIENT ID' }); /** * Create a new ViewSelector instance to be rendered inside of an * element with the id "view-selector-container". */ var viewSelector = new gapi.analytics.ViewSelector({ container: 'view-selector-container' }); // Render the view selector to the page. viewSelector.execute(); /** * Render the dataChart on the page whenever a new view is selected. */ viewSelector.on('change', function(ids) { dataChart.set({query: {ids: ids}}).execute(); }); });