Liebe Partner von Rodenstock,
hier finden Sie die Links zu den Tools, die Thorsten Jekel im Rahmen der Rodenstock-Roadshow gezeigt hat:
Weitere Möglichkeiten für Sie
Ihr
Thorsten Jekel
gemeinsam mit dem Rodenstock-Team
[tcb-script]!function(window){const host="https://app.heygen.com",url=host+"/guest/streaming-embed?share=eyJxdWFsaXR5IjoiaGlnaCIsImF2YXRhck5hbWUiOiJiYzk4MWI0YjRlYTE0NTFiOWQ2YThmOTdl%0D%0AY2FiMmYxNiIsInZvaWNlIjp7InZvaWNlX2lkIjoiYzg0YTkxMjJjMTdiNGQxNjg3YjQ5NTAwOTBi%0D%0ANjRiYmEifSwicHJldmlld0ltZyI6Imh0dHBzOi8vZmlsZXMuaGV5Z2VuLmFpL2F2YXRhci92My9m%0D%0AZThhMWMxYWM1ZGE0ZjVhOGI0OGIzYzEyNmViZDcyMl8xMjA2OC9wcmV2aWV3X3RhcmdldC53ZWJw%0D%0AIiwibmVlZFJlbW92ZUJhY2tncm91bmQiOmZhbHNlLCJ1c2VybmFtZSI6IjRmNzRjZTc5NmJkMTQ4%0D%0AODM5YjlkYmNjM2M4MTExMjg2In0%3D&inIFrame=1",clientWidth=document.body.clientWidth,wrapDiv=document.createElement("div");wrapDiv.id="heygen-streaming-embed";const container=document.createElement("div");container.id="heygen-streaming-container";const stylesheet=document.createElement("style");stylesheet.innerHTML=`\n #heygen-streaming-embed {\n z-index: 9999;\n position:relative;\n left: 40px;\n bottom: 40px;\n width: 200px;\n height: 200px;\n border-radius: 50%;\n border: 2px solid #fff;\n box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.12);\n transition: all linear 0.1s;\n overflow: hidden;\n\n opacity: 0;\n visibility: hidden;\n }\n #heygen-streaming-embed.show {\n opacity: 1;\n visibility: visible;\n }\n #heygen-streaming-embed.expand {\n ${clientWidth<540?"height: 266px; width: 96%; left: 50%; transform: translateX(-50%);":"height: 366px; width: calc(366px * 16 / 9);"}\n border: 0;\n border-radius: 8px;\n }\n #heygen-streaming-container {\n width: 100%;\n height: 100%;\n }\n #heygen-streaming-container iframe {\n width: 100%;\n height: 100%;\n border: 0;\n }\n `;const iframe=document.createElement("iframe");iframe.allowFullscreen=!1,iframe.title="Streaming Embed",iframe.role="dialog",iframe.src=url;let visible=!1,initial=!1;window.addEventListener("message",(e=>{e.origin===host&&e.data&&e.data.type&&"streaming-embed"===e.data.type&&("init"===e.data.action?(initial=!0,wrapDiv.classList.toggle("show",initial)):"show"===e.data.action?(visible=!0,wrapDiv.classList.toggle("expand",visible)):"hide"===e.data.action&&(visible=!1,wrapDiv.classList.toggle("expand",visible)))})),container.appendChild(iframe),wrapDiv.appendChild(stylesheet),wrapDiv.appendChild(container),document.body.appendChild(wrapDiv)}(globalThis);[/tcb-script]
Hier mal ein Beispiel, wie das mit einem Chatbot (mit Chatbase gebaut) auf Ihrer Seite aussehen kann:
[tcb-script]
window.embeddedChatbotConfig = {
chatbotId: "gFPE0LKtJtun3HuOkFYkT",
domain: "www.chatbase.co"
}
[/tcb-script]
[tcb-script src="https://www.chatbase.co/embed.min.js" chatbotid="gFPE0LKtJtun3HuOkFYkT" domain="www.chatbase.co" defer=""]
[/tcb-script]