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.
javascript
require.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 }.
👉🏻
Share