Отображение «Панель инструментов на чистом HTML» или «Пользовательские компоненты» с помощью Analytics API

Мне нужно отобразить «Панель инструментов на чистом HTML» или «Пользовательские компоненты», как показано в следующей ссылке https://ga-dev-tools.appspot.com/demos/embed-api/

У меня есть учетная запись Google Analytics, и она отлично показывает статистику в реальном времени для моего веб-сайта, но мне нужно отобразить то же самое с помощью API, как показано по следующей ссылке: https://github.com/googleanalytics/embed-api-demos/blob/master/site/3-custom-components.html

Я заменил свой идентификатор клиента в следующем коде:

gapi.analytics.auth.authorize({
container: 'auth',
clientid: '623325626209-j1jm9d78ge0v4uf8b9cor31qsirungrq.apps.googleusercontent.com',
});

Я также обновил дату окончания до текущей даты следующим образом:

query: {
'metrics': 'ga:sessions',
'dimensions': 'ga:date',
'start-date': '30daysAgo',
'end-date': '2014-09-05'
},

Поэтому, когда я запускаю код, он показывает кнопку «Доступ к Google Analytics», когда я нажимаю на нее, я получаю следующую ошибку:

  1. Это ошибка.

Ошибка: несоответствие происхождения

Приложение: Учетная запись службы проекта по умолчанию

Вы можете написать разработчику этого приложения по адресу: [email protected] Запросить подробности

=
scope=https://www.googleapis.com/auth/analytics.readonly https://www.googleapis.com/auth/userinfo.email
response_type=code token id_token gsession
redirect_uri=postmessage
cookie_policy=single_host_origin
proxy=oauth2relay591552393
state=524099008|0.3938720987
origin=http://localhost:27363
include_granted_scopes=true
client_id=656169223314-dbc8l4c7ro20hn8vcqqtd9rhd0e6arcb.apps.googleuserconte

Может ли кто-нибудь помочь мне решить эту проблему?

Спасибо заранее




Ответы (1)


Несоответствие источника обычно вызвано тем, что источник Javascript неправильно установлен в консоли проекта API. Вам нужно убедиться, что источники Javascript соответствуют домену, из которого приходят ваши запросы и на который вы возвращаете пользователя после входа в систему.

В вашем случае вы все еще используете client_id из учебника, который вам нужно создать самостоятельно. Более подробную информацию можно найти в документации для разработчиков встроенного API в Раздел "Создать идентификатор клиента и секрет клиента".

Вам необходимо перейти в консоль разработчика Google и зарегистрировать свое приложение. Ссылка выше на документацию поможет вам создать ее. Подсказка: не добавляйте название продукта и адрес электронной почты.

В настоящее время Real-time API все еще находится в стадии бета-тестирования, вам нужно будет подать заявку на доступ к нему. сообщение о закрытой бета-версии API в режиме реального времени заполните эту форму, и вы ничего не услышите от Google, просто подождите 24 часа и попробуйте, к тому времени он обычно работает.

person DaImTo    schedule 05.09.2014
comment
Конечно, я попробую вышеперечисленное .. большое спасибо - person Dev; 05.09.2014