add LiveChat Global component based on tawk.to

https://www.tawk.to/
mbozhik · Jun 18, 2024 · be1bc1d · be1bc1d
1 parent beceb55
commit be1bc1d
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -33,6 +33,7 @@ const SuisseIntl = localFont({
 
 import Header from '#/Global/Header'
 import Footer from '#/Global/Footer'
+import LiveChat from '#/Global/LiveChat'
 
 export const metadata: Metadata = {
   title: 'Санаторий «Удельная» – оздоровление и реабилитация в Подмосковье',
@@ -53,6 +54,7 @@ export default function RootLayout({
           <Footer />
         </div>
       </body>
+      <LiveChat />
     </html>
   )
 }
diff --git a/src/components/Global/LiveChat.tsx b/src/components/Global/LiveChat.tsx
@@ -0,0 +1,23 @@
+import NextScript from 'next/script'
+
+export default function LiveChat() {
+  return (
+    <>
+      {/* <NextScript src="https://embed.tawk.to/6671d4cc981b6c56477e911b/1i0maeii7" strategy="afterInteractive" /> */}
+
+      <NextScript id="live_chat" strategy="afterInteractive">
+        {`
+            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/6671d4cc981b6c56477e911b/1i0maeii7';
+            s1.charset='UTF-8';
+            s1.setAttribute('crossorigin','*');
+            s0.parentNode.insertBefore(s1,s0);
+            })();
+        `}
+      </NextScript>
+    </>
+  )
+}