<script src="https://www.madesnappy.co.uk/javascript/sdk.js"></script>

// Create the virtual tour
let virtual_tour = new VirtualTour("tour_iframe");

// Capture when the tour has loaded
virtual_tour.on("loaded", function(data) {
  console.log("Number of Photos: " + data.photos.length);
  console.log("First ID: " + data.photos[0].id);
  console.log("First Title: " + data.photos[0].title);
});

// Capture when a photo is loaded
virtual_tour.on("scene.loaded", function(data) {
  console.log("Percentage of tour viewed: " + data.percentage);
  console.log("Current Photo ID: " + data.id);
  console.log("Current Photo Title: " + data.title);
});

// Capture when the user has interacted with the tour for the first time
virtual_tour.on("interacted", function() {
  console.log("User Interacted With Tour");
});