Integrate several zk apps on a third-party site

asked 2022-08-09 20:24:01 +0800

andij62
315 ● 1 ● 7

updated 2022-08-10 15:43:53 +0800

Hi,

I would like to embed several ZK apps (widgets) distributed on a foreign HTML page. The third-party system AEM offers so-called HTML components for this, where I can store the ZK code for calling the zEmbedded js API. This also works perfectly with one component. However, when I place multiple HTML components on the page using the zEmbedded js API, the ZK content no longer loads. Is it fundamentally possible to do this?

Komponente 1:

<div id="embeddedZK-1"> 
        Loading...
</div>
<script id="embeddedScript" src=" http://localhost:8080/aemwidget/zkau/web/js/zkmax/embedded/embedded.js"></script>
<script>
        zEmbedded.load('embeddedZK-1', 'http://localhost:8080/aemwidget/);
</script>

Komponente 2:

<div id="embeddedZK-2"> 
        Loading...
</div>
<script id="embeddedScript" src=" http://localhost:8080/aemwidget2/zkau/web/js/zkmax/embedded/embedded.js"></script>
<script>
        zEmbedded.load('embeddedZK-2', 'http://localhost:8080/aemwidget2/);
</script>