Een aangepaste URL instellen voor je voorstellen
Standaard zijn je voorstellen toegankelijk via een URL met het volgende formaat:
https://app.ieco.io/reports/e48662b4c753756ce5a75d174c1ed7e6404babe4
Misschien wil je dit veranderen zodat alle voorstellen toegankelijk zijn via je eigen domein. Als dat het geval is, en ervan uitgaande dat je een URL wilt gebruiken met het formaat:
http://tudominio.com/propuestas?id=e48662b4c753756ce5a75d174c1ed7e6404babe4
Dan moet je een voorstellen``.html
-pagina maken die het volgende doet:
- Lees de URL om de id parameter eruit te halen.
- Gebruik de id parameter om de URL van het voorstel af te leiden.
- Laad de afgeleide voorstel-URL met behulp van een
iframe
.
Met HTML, CSS en JavaScript kun je dit vrij eenvoudig doen:
html
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Voorstel</title>
<style>
#ieco-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
</style>
</head>
<body>
<!-- iframe-cotainer -->
<div>
<!-- Het iframe wordt hier geladen -->
<iframe id="ieco-iframe" src="https://app.ieco.io/reports/placeholder" frameborder="0"></iframe>
</div>
<!-- Script om de iframe-URL aan te passen -->
<script>
// Functie om de voorstel-UUID van de huidige URL te verkrijgen
function UuidVoorstelverkrijgen() {
const parametrosURL = new URLSearchParams(window.location.search);
return parametrosURL.get('id');
}
// Functie om de URL van het iframe bij te werken met de UUID van het opgehaalde voorstel
function Iframebijwerken() {
const iframe = document.getElementById('ieco-iframe');
const uuid = UuidVoorstelverkrijgen ();
iframe.src = `https://app.ieco.io/reports/${uuid}`;
}
// Functie oproepen bij het laden van de pagina om de iframe-URL bij te werken
Iframebijwerken();
</script>
</body>
</html>