RequireJS

Widget laden met RequireJS

Als u RequireJS op uw website gebruikt, moet u ons widget ook laden via RequireJS. Bekijk ons voorbeeldsnippet hieronder en voeg de code van het widget in dat u wilt laden. U vindt de unieke widget-code in de instellingen van uw widget onder Installeren > JavaScript-widgetcode.

Om uw eigen On-Ready-Callback-functie te gebruiken, geeft u het juiste object door aan de "load" methode ready: functie.

Ons widget gebruikt een enkel globaal object voor de verwerking van JSONP-callbacks. Zorg ervoor dat u het Userlike-object niet overschrijft in de globale scope.

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);
        },
    });
});

Na het laden van het widget met een module-loader, kunt u nog steeds het widget koppelen aan de globale weergave door het "window-userlike"-object aan te roepen.

💡

Om CSS-conflicten met de chatclient te voorkomen, adviseren wij u om iframe { !important } niet te gebruiken in uw CSS. Het is beter om specifieker te zijn en de Userlike-chatclient uit te sluiten door gebruik te maken van iframe:not(.userlike) { !important }.

👉🏻

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