GA4

				
					<div id="zoom1" style="width: 100%; height: 500px"></div>
<div id="zoom2" style="width: 100%; height: 500px"></div>
<div id="zoom3" style="width: 100%; height: 500px"></div>

<script src="/zoomlook/assets/ZLWebGL.js"></script>
<script src="/zoomlook/assets/ZLPlayer.js"></script>
<script>
    window.onload = () => {
    				const ZL1 = new ZLPlayer({
    					basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLPhoto/",
    					clickLoad: true,
    					fullscreenMode: "page",
    					type: "photo",
    					ga4: true,
    					metadata: {
    						productName: "Test1",
    					},
    				});
    				ZL1.loadZLView("CpjJgf-559330", "zoom1");
    		
    				const ZL2 = new ZLPlayer({
    					basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/",
    					clickLoad: true,
    					type: "animation",
    					fullscreenMode: "page",
    					autoplay: false,
    					fps: 8,
    					bounce: true,
    					ga4: true,
    					metadata: {
    						productName: "Test2",
    					},
    				});
    				ZL2.loadZLView("FqNtFG-498222", "zoom2");
    		
    				const ZL3 = new ZLPlayer({
    					basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLVideo/",
    					clickLoad: true,
    					type: "ZLVideo",
    					autoplay: true,
    					spinReverse: true,
    					fps: 25,
    					previewVideo:{
    						fps:30
    					},
    					ga4: true,
    						metadata: {
    						productName: "Test3",
    					},
    					});
    				ZL3.loadZLView("STegyw-601336", "zoom3");
    			};
</script>