Live Chat (livechatinc.com) breaking with turbolinks about turbolinks-compatibility

[reed]

Try using the first method, but add these lines to the beginning of the script:

delete(window.LC_API);
delete(window.LC_Invite);
delete(window.__lc_iframe_current_skill);
delete(window.__lc_inited);
delete(window.__lc_lang);

Let me know if that works.

[maddijoyce]

livechat = function() {
    var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;
    lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);
};

$(document).ready(livechat);
$(document).on('page:ready', livechat);

gives this error:

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('http://secure.livechatinc.com') does not match the recipient window's origin ('http://www.mytestwebsite.test').

[maddijoyce]

Excellent, thanks @reed

This works:

(function() {
    delete(window.LC_API);
    delete(window.LC_Invite);
    delete(window.__lc_iframe_current_skill);
    delete(window.__lc_inited);
    delete(window.__lc_lang);
    var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;
    lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);
})();

If you'd like, I can fork and add this one?

[reed]

That'd be great. One thing you might consider changing is in the last line, using document.body.getElementsByTagName instead of document.getElementsByTagName. That way you won't end up with duplicate script tags in the head as you navigate the site. It doesn't really make a difference, functionality-wise, so just do whichever you prefer.

[snehawatharkar]

I keep getting "Script Error" on loading my site. What might be the reason and wat might fix it?

[maddijoyce]

Do you have a bit more info? Is "Script Error" a console error or just straight in the website? Can you include the javascript that's causing the error?

[bizappay]

I'm getting a warning message @ console saying that like attached. Hence the live chat won't appear at my website.

[faiberr]

Hi, I tried that solution and it actually works, but throw this errors on the console:

Any thoughts?

[faiberr]

I leave this approach here, maybe is useful to somebody else:

This code loads the script widget in all pages, but in some pages Turbolinks replaces the DOM, loosing the HTML for rendering the widget.

We use LivechatWidget.call('destroy') to kill the widget and then call the function that bring it back on those cases, that's why we use those 2 event listeners. And the property data-turbolinks-eval="false" on the script tag is important.