Simply insert Active JS <script> tag inside your <head> tag.
<script src="https://active.motaword.com/index.js" crossorigin data-token="token" data-project-id="project-id"></script>
Recommendations for including <script> tag
<script> tag-
Put it inside
<head>tag, as early as possible -
Add
crossoriginattribute to the<script>tag
<script src="https://active.motaword.com/index.js" crossorigin></script>
- Use
async
<script src="https://active.motaword.com/index.js" crossorigin async></script>
This way, Active JS will load asynchronously, as early as possible, and will start putting the translations as the DOM elements become available.
-
If your page is large, enable
useDynamicTranslationsordata-use-dynamic-translationin your Active configuration along withasyncloading of the script. This is enabled for you by default. -
Do not use
deferin your<script>tag as it delays translating the DOM and increases blink experience
