Как создавать фрагменты, такие как Google Analytics / Facebook Pixel / Чужие сценарии?

Question

Я не знаю, как задать этот вопрос. Я хочу узнать, как создавать сценарии фрагментов для отправки моим клиентам.

Пример:

На моем сайте клиенты настраивают виджет для использования на своем веб-сайте (Widget Purchase Counter). Теперь я хочу, чтобы этот скрипт клиента скопировал на моем сайте и вставил скрипт на ваш сайт, как в Google Analytics / Facbook pixel do.

Я хочу примерно так:

<script src="www.mywebsite.com/script.js?UNIQUE_ID_CUSTOMER_EXAMPLE"></script>

Пример Google :

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>

В этот момент я принимаю решение:

    <script
            id="myModalScript"
            data-image="URL_IMAGE.jpg"
            data-code="clienteVIP"
            data-title="Membros Exclusivos possuem até 10% de desconto!"
            data-message="Se inscreva como membro exclusivo e receba o seu desconto agora mesmo!"
            data-button-yes="Sim, quero meu desconto"
            data-button-no="Não, continuar sem desconto"
            type="text/javascript"
            src="www.mymodal.com/script.js?v1.0.2">
    </script> 

И внутри скрипта. js, я получаю значения:

//Get values from script
    const omnibeesModalCode = document.getElementById("myModalScript").getAttribute("data-code");
    const omnibeeslModalTitle = document.getElementById("myModalScript").getAttribute("data-title");
    const omnibeeslModalMessage = document.getElementById("myModalScript").getAttribute("data-message");
    const omnibeesModalImagem = document.getElementById("myModalScript").getAttribute("data-image");
    const omnibeesModalYes = document.getElementById("myModalScript").getAttribute("data-button-yes");
    const omnibeesModalNo = document.getElementById("myModalScript").getAttribute("data-button-no");

Этот сценарий небезопасен и не красив.

Другими словами: мой скрипт работает, но я хочу optmize! Как скрипты в { ссылка }

Я кодирую в Django мой сайт.