reference javascript for a webChat

Vaadin 6 / 7 / 8 Framework UI
1

Let’s say I want to add a webChat to my site using something like [tawk.to]
(https://www.tawk.to/) or [mylivechat]
(https://mylivechat.com/). Both these require me to add a line of JavaScript to the HTML file. Would I do that using the @JavaScript annotation ( referenced [here]
(https://vaadin.com/docs/v7/framework/articles/IntegratingAJavaScriptComponent.html#integrating-a-javascript-component), among other places )? Or would I use some other method? There should be no need for server side stuff that needs to be integrated with Vaadin code, at least not at first, but it would be nice to confirm this.

NOTE: I am thinking about using one of these webChat options because I need to use it for our sales website as well, and it would be nice to go to one place for both sales chats and support chats. Any other ideas would be appreciated.

2

Another way to ask this question: How do I added a JavaScript plugin to my Vaadin website? Normally for such plugins, you add a javascript snippet to either <head> or <body> sections, but we don’t have access to that in Vaadin development. As I say above, this may require using the @JavaScript annotation. Just seems like overkill, so wanted to confirm first. I guess it could also be using the more complete documentation referenced [here]
(https://vaadin.com/docs/v7/framework/gwt/gwt-javascript.html). But for this first step, I just want to see how the plugin looks on the website, don’t need a full implentation.