Web Messenger

import Script from 'next/script';

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script
          src="https://cdn.zickt.com/loader.js"
          data-channel-key="DEIN_CHANNEL_KEY"
          strategy="lazyOnload"
        />
      </body>
    </html>
  );
}

import { useEffect } from 'react';

function App() {
  useEffect(() => {
    const script = document.createElement('script');
    script.src = 'https://cdn.zickt.com/loader.js';
    script.dataset.channelKey = 'DEIN_CHANNEL_KEY';
    script.async = true;
    document.body.appendChild(script);
  }, []);

  return <div>Deine App</div>;
}

<script setup>
import { onMounted } from 'vue';

onMounted(() => {
  const script = document.createElement('script');
  script.src = 'https://cdn.zickt.com/loader.js';
  script.dataset.channelKey = 'DEIN_CHANNEL_KEY';
  script.async = true;
  document.body.appendChild(script);
});
</script>

<!DOCTYPE html>
<html>
  <head>
    <title>Meine Website</title>
  </head>
  <body>
    <!-- Dein Inhalt -->

    <script
      src="https://cdn.zickt.com/loader.js"
      data-channel-key="DEIN_CHANNEL_KEY"
      async
    ></script>
  </body>
</html>