Chargement du widget avec RequireJS
Si vous utilisez RequireJS sur votre site web, vous devriez également charger notre widget via RequireJS. Pour ce faire, jetez simplement un coup d'œil à notre extrait de code d'exemple ci-dessous et insérez-y le code du widget que vous souhaitez charger. Vous trouverez le code unique du widget dans les paramètres de votre widget sous Installer > Code du widget JavaScript.
Pour utiliser votre propre fonction de rappel On-Ready, passez l'objet correspondant à la méthode "load"
ready: function
.Notre widget utilise un objet global unique pour traiter les rappels JSONP. Assurez-vous de ne pas remplacer l'objet Userlike dans l'espace global.
javascriptrequire.config({ paths: { 'userlike-loader': '{{javascript_loader_url}}' } }); require(['userlike-loader'], function(userlike) { userlike.load({ ready: function() { console.log('Widget is ready.'); }, onError: function(e) { console.error('Error while loading the Widget.', e); }, }); });
Une fois que vous avez chargé le widget avec un chargeur de module, vous pouvez toujours lier le widget à la vue globale en appelant l'objet "window-userlike".
Pour éviter les conflits CSS avec le client de chat, nous vous conseillons de ne pas utiliser
iframe { !important }
dans votre CSS. Il vaut mieux être plus spécifique et exclure le client de chat Userlike en utilisant iframe:not(.userlike) { !important }
.read this article in English:
https://docs.userlike.com/setup/integration/requirejs