独立したJavaScriptモジュールを別のWebサイトに追加する方法

Question

Google-Adsense、disqus、Tawk.ioなどのような多くのサービスプロバイダのWebサイトでは、サービスを使用したいと思っています。 javaScriptコードの5〜6行をウェブコードに貼り付け、作業を開始します。

Tawk.ioでたとえば私たちは、このコード

<!--Start of Tawk.to Script--> 
<script type="text/javascript"> 
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); 
(function(){ 
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; 
s1.async=true; 
s1.src='https://embed.tawk.to/xxxxxxxxxxxxxxxxx/default'; 
s1.charset='UTF-8'; 
s1.setAttribute('crossorigin','*'); 
s0.parentNode.insertBefore(s1,s0); 
})(); 
</script> 
<!--End of Tawk.to Script--> 

私の質問は、それがどのように動作するかである必要があり、どのように私はこれを達成することができますか？

ありがとうございました。

EDIT

私は一つのことを理解し、このコードを見た後、彼らがやっているすべてのは、彼らは私たちのウェブページに彼らのJavaScriptファイルをロードし、そのサービスを提供するため、当社のIDを使用しています。

Answer 1

s1に新しいscriptタグを作成して保存します。

最初のscriptタグを取得してs0に格納します。

s1は、URL https://embed.tawk.to/xxxxxxxxxxxxxxxxx/defaultに存在するscriptをロードし、属性をcrossoriginに設定します。

その後s1は

<script src='https://embed.tawk.to/xxxxxxxxxxxxxxxxx/default' crossorigin='*' charset="UTF-8" async=true></script> 

のように見えます。そして最初のスクリプト要素（s0）の前にそれを追加します。

サイトからjsファイルを読み込んであなたのページで処理します