Как использовать hotjar с тлеющим углем? - PullRequest
Новая
       32

Как использовать hotjar с тлеющим углем?

0 голосов
/ 20 ноября 2018

Мне нужно использовать hotjar для работы, но у меня есть некоторые трудности с его настройкой.Этот проект является ember, и я нашел этот проект для интеграции hotjar: https://github.com/byrnedo/ember-hotjar

На этой странице github написано: «в маршрутах и ​​контроллере у вас будет доступен _hj.push», но ямне не удается заставить его работать, и я не могу найти информацию о том, как его настроить.

Я добавил это в config / environment.js: 

hotjar: {
  id: my-id
},

И вмаршрут, если я делаю это: 

console.log(this.get('_hj'))

Я получаю этот результат в консоли: 

ƒ () {
    (window.hj.q = window.hj.q || []).push(arguments);
  }

Это означает, что hotjar успешно установлен, но когда я пытаюсь что-то вроде: 

this.get('_hj').push('trigger', 'hello_world');

Появляется ошибка: 

Uncaught TypeError: this.get(...).push is not a function

Кто-нибудь знает, как заставить это работать или я что-то не так делаю?

1 Ответ

0 голосов
/ 20 ноября 2018

Uncaught TypeError: this.get (...). Push не является функцией

В результате попытки вызова .push для функции.Например, из вашего console.log мы видим, что this.get('_hj') - это функция, и вы попытались вызвать .push для нее.Вы получите ту же ошибку, если попытаетесь: 

let x = function(){ }
x.push()

В любом случае, давайте разберемся с этим.Аддон предоставил инициализатор ember-hotjar , который вызывает: 

import hj  from '../hotjar/main';
...
let h =  hj.create();
application.register('hotjar:main', h, {instantiate: false});
application.inject('controller', '_hj', 'hotjar:main');
application.inject('route',      '_hj', 'hotjar:main');

Независимо от того, hotjar/main экспорт используется для создания h.Это регистрируется в контейнере внедрения зависимостей для ember с ключом hotjar:main в качестве общего объекта (т. Е. hotjar:main содержит ссылку на уже созданный экземпляр объекта, а не на фабрику).Затем из-за inject все маршруты и все контроллеры получают доступ к указанному объекту через this._hj.Пожалуйста, смотрите регистрацию или раздел руководства для инъекций для получения дополнительной информации.

Итак, теперь нам нужно исследовать функцию main.js который экспортирует hj

var  hj = window.hj = window.hj || function(){(window.hj.q=window.hj.q||[]).push(arguments)};

...

export default {
  create:  function () {
    return hj;
  }
};

это присваивает window.hj || function(){(window.hj.q=window.hj.q||[]).push(arguments)}; обоим hj и window.hj, что в конечном итоге означает, что в вашем контроллере this._hj === function(){(window.hj.q=window.hj.q||[]).push(arguments)};

Так что, увидев все это, я не совсем уверен, что вы ожидаете от push.Я думаю, вы можете просто хотеть this._hj('trigger', 'hello_world')?Желаем удачи

...