Membuat Live Chat Telegram di Mikrotik

Hai sobat kangArie, saya kembali lagi ingin membagikan tutorial untuk memasang live chat telegram menggunakan @bot integram.
Telegram adalah aplikasi yang cukup ringan ketimbang Aplikasi chat yang lainnya, seperti Whatsapp,BBM,Line, dsb.Yang membuat telegram menarik ialah, kita dapat menggunakan fitur menarik yang belum ada di Aplikasi chat lainnya, dimana di Aplikasi Telegram terdapat fitur bot otomatis yang bernama Intergram, Botfather, dll.
Untuk fitur Live chat telegram ini sendiri menggunakan Intergram sebagai botnya, dimana kita harus mendapatkan "unique id" agar bisa menggunakan Live chat telegram di website atau di template hotspot.


1. Langkah pertama
Silahkan Download aplikasi Telegram baik itu di Gadget anda maupun di PC, Silahkan login/daftar baru apabila anda belum memiliki id.

2. Langkah kedua
Silahkan isi di kolom search @intergram seperti  gambar dibawah ini :

Pilih @intergrambot  lalu klik  /start

Maka sobat akan mendapatkan sebuah unique id untuk Live chatnya.
- KODE UNTUK WEBSITE 
Saya ingin memberikan tutorial untuk di website terlebih dahulu, kebetulan saya disini menggunakan blogger.com, copy lah kode berikut tepat diatas </body> Silahkan ganti Your unique chat id dengan unique id yang sudah anda buat tadi.

 <script>
    window.intergramId = "Your unique chat id";
    window.intergramCustomizations = {
        titleClosed: 'Closed chat title',
        titleOpen: 'Opened chat title',
        introMessage: 'First message when the user opens the chat for the first time',
        autoResponse: 'A message that is sent immediately after the user sends its first message',
        autoNoResponse: 'A message that is sent one minute after the user sends its first message ' +
                        'and no response was received',
        mainColor: "#E91E63", // Can be any css supported color 'red', 'rgb(255,87,34)', etc
        alwaysUseFloatingButton: false // Use the mobile floating button also on large screens
    };
</script>
<script id="intergram" type="text/javascript" src="https://www.intergram.xyz/js/widget.js"></script>

 - KODE UNTUK TEMPLATE HOTSPOT

Silahkan download file javascript + boostrap berikut ini dan pastekan ke folder js, apabila tidak ada silahkan buat New Folder dengan nama "js" dan pastekan kedua file yang sudah didownload tadi.
lalu pastekan coding dibawah ini tepat diatas </body> 
Silahkan ganti Your unique chat id dengan unique id yang sudah anda buat tadi.

 <script src="js/jquery1.min.js"></script>
        <script src="js/bootstrap1.min.js"></script>
        <script language="JavaScript">
        if(error=="no valid profile found"){
        $("#modal-notice").modal('show');
        }
        var margin=10;
        var speed=20;
        var times=4;
        for(var i=0;i<times;i++){
        $("#error").animate({'margin-left':"+="+(margin=-margin)+'px'},speed);
        $("#error").animate({'margin-right':"+="+(margin=-margin)+'px'},speed);
        $("#error").animate({'margin-right':"+="+(margin=-margin)+'px'},speed);
        $("#error").animate({'margin-left':"+="+(margin=-margin)+'px'},speed);
        }
        </script>
        <script>
    window.intergramId = "509093790";
    window.intergramCustomizations = {
        titleClosed: 'Live Chat',
        titleOpen: 'Chat',
        introMessage: 'Selamat datang, ada yang bisa kami bantu ? ' ,
        autoResponse: 'pesan anda telah terkirim, mohon tunggu admin akan segera membalas pesan anda, Silahkan WA/sms ke 0000 untuk info Selengkapnya',
        autoNoResponse: 'A message that is sent one minute after the user sends its first message ' +
                        'and no response was received',
        mainColor: "#1e86e9", // Can be any css supported color 'red', 'rgb(255,87,34)', etc
        alwaysUseFloatingButton: false // Use the mobile floating button also on large screens
    };
</script>

Note : Untuk Live chat di template hotspot
jangan lupa untuk memasukkan *intergram.xyz agar tanpa login pun user bisa bertanya.