Affichage des données Google Analytics sur mon site web?

Dans le cas où quelqu'un d'autre est d'avoir le même problème voici ce que j'ai fait et il répond à la question.

1.

Voici le code de base pour un client API d'accès aux données de Google Analytics via votre Service de Google Compte. https://developers.google.com/api-client-library/dotnet/guide/aaa_oauth#service_account

Dans le but de rendre cette application fonctionne, vous devez avoir plusieurs choses en main avant de commencer à coder.

*Compte Google Analytics - une fois inscrit, un "tracker" le code est généré pour vous mettre sur chaque page web que vous souhaitez suivre. Vous ne pouvez pas voir toutes les statistiques tout de suite et il peut prendre jusqu'à 24h avant, toutes les statistiques sont présentés dans le tableau de bord Google Analytics.

Une Autorisation OAuth (API Key) avec CLIENT_ID, SECRETS du CLIENT et ADRESSE e-MAIL (Ce n'est pas normal de votre e-mail, mais un compte de service de messagerie qui est créé pour vous lorsque vous faites une Autorisation OAuth).
console.developers.google.com/

Un serverkey, peut également être créé ici: console.developers.google.com/.
Vous pouvez également créer un navigateur clé, n'est pas dérangé par qui, bien que ne sais pas ce qu'il fait.

Enfin, vous avez besoin d'un certificat de clé. Votre demande ne sera en mesure d'accéder à votre compte Google Analytics à l'aide de la clé et les informations d'identification. La clé est chiffrée p.12 fichier. Vous pouvez trouver la clé dans https://code.google.com/apis/console/.

Voici un guide pour la clé: http://www.pimcore.org/wiki/display/PIMCORE/Setup+Google+Analytics+Reporting+with+OAuth2+Service+Accounts+(since+1.4.6)

2.

Maintenant que vous avez toutes les clés et les informations d'identification vous avez besoin, il est temps de commencer à regarder le code, je l'ai lié à "1". Ici est la base pour de nouveau: https://developers.google.com/api-client-library/dotnet/guide/aaa_oauth#service_account

Créer une application de console et de mettre en œuvre le code ci-dessus.

Remarque: votre ne pas faire un "Google Plus de service" de sorte que vous aurez à changer ces pièces pour "AnalyticsService". Accédez à gérer nuget et installer les paquets:

• Api Google Bibliothèque De Base
• Api Google Bibliothèque Client
• Api Google Auth Bibliothèque Client
• Api Google Analytics.v3 Bibliothèque
• Google GData Client (Ce qui donne des propriétés utilisées pour interroger les données, les paramètres, la demensions etc)
• Google GData Bibliothèque D'Extensions
• Analytics

Pourrait oublié quelque chose, mais ici sont les espaces de noms-je utiliser:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

using System.Security.Cryptography.X509Certificates;
using Google.Apis.Auth.OAuth2;
using Google.Apis.Services;
using Google.Apis.Analytics.v3;

3

Enfin, est une partie de mon code. Remarque je suis en création d'une nouvelle analyse censés "nouvelle ServiceAccountCredentials" comme dans le code de Google. C'est la principale différence:
Récupérer des données à partir de Google Analytics API avec .NET, plusieurs métriques?

Avec ce que je suis en mesure d'accéder et d'interroger les données à partir de votre compte Google Analytics. La meilleure partie est que vous n'avez pas à vous connecter à Google pour ce que les clés et les informations d'identification vous permet d'accéder aux données de compte directement.

Je vais migrer ce code pour MVC maintenant, je risque de faire une mise à jour plus tard pour savoir comment mettre en œuvre cette Analytics client dans Mvc.

Ce document explique comment obtenir de Google jetons d'Accès et les utiliser pour obtenir les données Google Analytics pour être affiché dans notre site web.

Exemple: Un exemple vivant est disponible dans

https://newtonjoshua.com

Remarque: Utilisez le même compte Gmail pour toutes les étapes ci-dessous.

---

ÉTAPE 1: configurer Google Analytics

Suivez les étapes ci-dessous pour configurer Google Analytics sur votre site web

1. Connectez-vous à votre compte google Analytics.
2. Sélectionnez l'onglet Admin.
3. Sélectionnez un compte dans le menu déroulant dans la colonne COMPTE.
4. Sélectionnez une propriété à partir du menu déroulant dans la colonne de PROPRIÉTÉ.
5. En vertu de la PROPRIÉTÉ, cliquez sur les informations de Suivi -> Code de Suivi.
6. À recueillir des données, vous devez copier et coller le code de suivi google Analytics
   dans le code source sur chaque page web que vous souhaitez suivre.
7. Une fois que vous avez le JavaScript extrait de code de suivi de votre
   propriété, copie de l'extrait de code exactement, sans modification.
8. Coller votre extrait de code de suivi (à l'identique, dans son intégralité) avant
   la fermeture </head> étiquette sur chaque page web sur votre site que vous souhaitez
   piste de.
9. Une fois que vous avez installé avec succès de suivi google Analytics, il peut prendre
   jusqu'à 24 heures pour les données telles que le trafic de référence de l'information, de l'utilisateur
   les caractéristiques et les informations de navigation apparaissent dans vos rapports

Se référer à:

1. https://support.google.com/analytics/answer/1008080?hl=en
2. https://analytics.google.com

---

ÉTAPE 2: Obtenir des Jetons

Projet Google:

Pour créer un Google Cloud Platform projet, ouvrez le Google Developers Console (https://console.developers.google.com) et cliquez sur Créer un Projet.

Activer le protocole OAuth 2.0 de l'API accès:

Votre application a besoin d'accéder à des données utilisateur et de communiquer avec d'autres services Google sur votre nom. Utiliser OAuth 2.0 pour accorder votre application l'accès à l'API.

Pour permettre que, vous avez besoin d'un IDENTIFIANT client:

1. Ouvrir l'API Google Console page informations d'Identification (https://console.developers.google.com/apis/credentials).
2. Du projet, de liste déroulante et sélectionnez votre projet.
3. Sélectionnez Créer des informations d'identifications et choisissez client OAuth ID.
4. Sous type d'Application, sélectionnez application Web, entrez un Nom et

5. définir des Restrictions en entrant JavaScript origines, Redirect Uri au point le site web où vous êtes planification pour afficher les données, puis cliquez sur Créer.

6. Prendre note de l'OAuth 2.0 client_id et client_secret. Vous en aurez besoin pour configurer l'INTERFACE utilisateur.

Obtenir le code d'Autorisation:

Entrer dans le navigateur:

https://accounts.google.com/o/oauth2/auth?scope=https://www.googleapis.com/auth/analytics.readonly&response_type=code&client_id={{
client_id}}&redirect_uri={{redirect_uri }}
&approval_prompt=force&access_type=hors ligne

Vous allez être redirigé vers

{{redirect_uri }}?code=={{authorization_code}}#

Obtenir Jeton D'Actualisation:

Envoyer une requête POST, éventuellement par l'intermédiaire d'un RESTE console pour

https://www.googleapis.com/oauth2/v3/token?code={{authorization_code}}
&client_id={{client_id}}&client_secret={{client_secret}}
&redirect_uri={{redirect_uri }}&grant_type=authorization_code

Vous obtiendrez une réponse JSON avec

{"refresh_token": refresh_token}

Vous pouvez utiliser le jeton d'actualisation pour obtenir un jeton d'accès pour l'accès à l'Api Google.

Obtenir le Jeton d'Accès:

Envoyer une requête POST,

https://www.googleapis.com/oauth2/v3/token?client_id={{client_id}}
&client_secret={{client_id}}
&grant_type=refresh_token&refresh_token={{refresh_token}}

Vous obtiendrez un JSON avec access_token dans la réponse.

{access_token: {{access_token}}}

Exemple:

var access_token = '';
function getAccessToken(){
    $.post('https://www.googleapis.com/oauth2/v3/token', {
            client_id: {{client_id}},
            client_secret: {{client_secret}},
            grant_type: 'refresh_token',
            refresh_token: {{refresh_token}}
        }, function (data, status) {
            if (status === 'success') {
                access_token = data.access_token;
                //Do something eith the access_token
            }
            else {
                console.error(status);
            }
        });
}

Vérifier la validité de Jeton:

Envoyer une requête POST,

https://www.googleapis.com/oauth2/v1/tokeninfo?access_token={{access_token}}

Exemple:

function checkValidity() {
    $.post('https://www.googleapis.com/oauth2/v1/tokeninfo', {
            access_token:{{access_token}}
        }).done(function (data, status) {
            if (status === 'success') {
                console.debug(data.expires_in);
                var check = false;
                check = data.hasOwnProperty('expires_in');
                if (check) {
                    //Token is valid
                }
                if (!check) {
                    getAccessToken();
                }
            }
            else {
                console.debug(status);
            }

        })
        .fail(function (data) {
            console.error(data);
            getAccessToken();
        });
}

---

Étape 3: Récupérer Les Données

Intégrer des API:

La GA Intégrer l'API est une bibliothèque JavaScript qui permet de créer facilement et intégrer votre GA tableau de bord sur votre site web en quelques minutes.

Reportez-vous à https://developers.google.com/analytics/devguides/reporting/embed/v1/getting-started.

Requête Explorer:

Visite Intégrer l'API de Requête Explorer et d'autoriser

https://ga-dev-tools.appspot.com/query-explorer/

Sélectionnez la vue dans laquelle vous souhaitez récupérer les données.

Sélectionner les mesures et dimensions.

Exemple:

Obtenir des Données par Pays (je veux savoir le nombre d'utilisateurs à accéder à mon site web de chaque pays).

Pour obtenir des données, de sélectionner les mesures dénommés les "utilisateurs" et les dimensions de "pays".

Cliquez sur Exécuter la Requête.

Vous trouverez les données de google analytics pour la requête affichées dans un tableau.

Copiez le API de Requête URI. Et d'ajouter access_token={{access_token}} à l'URI.

Exemple:

https://www.googleapis.com/analytics/v3/data/ga?ids={{ids}}&start-date=2015-07-01&end-date=today&metrics=ga%3Ausers&dimensions=ga%3Acountry&access_token={{access_token}}

Envoi d'une requête POST à l'Uri pour obtenir les données dans votre navigateur.

Exemple:

function gaGetCountry() {
    $.get('https://www.googleapis.com/analytics/v3/data/ga?' +
        'ids={{ids}}' +
        'start-date=2015-07-01&' +
        'end-date=today&' +
        'metrics=ga%3Ausers&' +
        'dimensions=ga%3Acountry&' +
        'sort=ga%3Ausers&' +
        'filters=ga%3Ausers%3E10&' +
        'max-results=50' +
        '&access_token=' + {{access_token}},
        function (data, status) {
            if (status === 'success') {

                //Display the Data
                drawRegionsMap(data.rows);

            } else {
                console.debug(status);
            }

        });
}

---

Étape 4: Afficher Les Données

Maintenant, nous avons rassemblé les données. Enfin, nous avons pour les afficher sur notre site web.

"Affichage des données en direct sur votre site" est le titre de Google Charts. Et c'est ce que nous allons faire.

Reportez-vous à https://developers.google.com/chart/.

L'exemple suivant dessine un GeoChart dans le div avec l'id='countryChart'.

//Draw country chart
function drawRegionsMap(data) {

    var head = data[0];
    head[0] = 'Country';
    head[1] = 'Users';
    for (var i = 1; i < data.length; i++) {
        var d = data[i];
        d[1] = Number(d[1]);
    }

    var chartData = google.visualization.arrayToDataTable(data);
    var options = {
        title: 'My Website is viewed from,',
        domain: '{{Country Code eg: IN for India}}',
        tooltip: {
            textStyle: {
                color: 'navy'
            },
            showColorCode: true
        },
        legend: {
            textStyle: {
                color: 'navy',
                fontSize: 12
            }
        },
        colorAxis: {
            colors: ['#00FFFF', '#0000FF']
        }
    };

    var chart = new google.visualization.GeoChart(document.getElementById('countryChart'));

    chart.draw(chartData, options);
}

Reportez-vous à https://newtonjoshua.com pour voir l'exemple ci-dessus dans l'action.

Découvrez embeddedanalytics.com (avertissement - je travailler avec eux).

C'est une solution simple et puissant conçus pour les personnes qui ne veulent pas traiter avec l'apprentissage de l'AG de l'API et puis d'avoir à le relier à la visualisation (par exemple, des diagrammes ou graphiques).

Fondamentalement définir vos graphiques et d'intégrer un bout de code où vous souhaitez que le graphique à afficher. Nous avons aussi des mécanismes de soutien de sorte qu'il est facile à intégrer dans une coutume construit CMS ou autre portail web.