RequireJS

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 }.

👉🏻

read this article in English: https://docs.userlike.com/setup/integration/requirejs