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

Question

Мне нужно использовать 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

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

Answer 1

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')? Удачи