Как использовать hotjar с углем?
Мне нужно использовать hotjar для работы, но у меня возникли трудности с его настройкой. Это проект ember, и я нашел этот проект для интеграции hotjar: https://github.com/byrnedo/ember-hotjar
На этой странице github сказано: «в маршрутах и контроллере у вас будет доступен _hj.push», но мне не удается заставить его работать, и я не могу найти никакой информации о том, как его настроить.
Я добавил это в config / environment.js:
hotjar: {
id: my-id
},
И в маршруте, если я сделаю это:
console.info(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
Кто-нибудь знает, как заставить его работать или я что-то делаю не так?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Uncaught TypeError: this.get(...).push is not a function
Это результат попытки вызвать .push для функции. Например, на вашем console.info мы видим, что this.get('_hj') - это функция, и вы пытались вызвать .push для нее. Вы получите ту же ошибку, если попытаетесь:
let x = function(){ }
x.push()
В любом случае, давайте разберемся с этим. Аддон предоставил инициализатор угольщик, который вызывает:
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')? Удачи
Спасибо ! На самом деле мне нужно было только это сделать. _Hj ('trigger', 'hello_world'), это было так просто ... Мне следовало подумать больше, теперь это кажется мне очевидным!