Widget mit RequireJS laden
Wenn Sie RequireJS auf Ihrer Website verwenden, sollten Sie auch unser Widget über RequireJS laden. Werfen Sie dazu einfach einen Blick auf unser Beispiel-Snippet unten und fügen Sie darin den Code des Widgets ein, das Sie laden möchten. Den einzigartigen Widget-Code finden Sie in den Einstellungen Ihres Widgets unter Installieren > JavaScript-Widget-Code.
Um Ihre eigene On-Ready-Callback-Funktion zu verwenden, übergeben Sie das entsprechende Objekt an die "load"-Methode
ready: function.Unser Widget verwendet ein einzelnes globales Objekt zur Verarbeitung von JSONP-Callbacks. Bitte achten Sie darauf, das Userlike-Objekt im globalen Bereich nicht zu überschreiben.
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); }, }); });
Nachdem Sie das Widget mit einem Module-Loader geladen haben, können Sie noch immer das Widget in der globalen Ansicht verknüpfen, indem Sie das "window-userlike"-Object callen.
To avoid CSS conflicts with the chat client, we advise you not to use
iframe { !important } in your CSS. Better be more specific and exclude the Userlike chat client by using iframe:not(.userlike) { !important }.read this article in English:
https://docs.userlike.com/setup/widget-integration/requirejs