Come impostare un URL personalizzato per le vostre proposte

Per impostazione predefinita, le proposte sono accessibili tramite un URL nel seguente formato:

https://app.ieco.io/reports/e48662b4c753756ce5a75d174c1ed7e6404babe4

Si consiglia di modificare questa impostazione in modo che tutte le proposte siano accessibili attraverso il proprio dominio. In questo caso, e supponendo di voler utilizzare un URL con il formato:

http://tudominio.com/propuestas?id=e48662b4c753756ce5a75d174c1ed7e6404babe4

È necessario creare una pagina proposte.html che esegua le seguenti operazioni:

Leggere l'URL per estrarre il parametro id.
Utilizzare il parametro id per inferire l'URL della proposta.
Caricare l'URL della proposta dedotta utilizzando un iframe.

Utilizzando HTML, CSS e JavaScript è possibile farlo abbastanza facilmente:

html

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Propuesta</title>
  <style>
    #ieco-iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: none;
    }
  </style>
</head>
<body>
  <!-- Contenitore dell'iframe -->
  <div>
    <!-- L'iframe verrà caricato qui -->
    <iframe id="ieco-iframe" src="https://app.ieco.io/reports/placeholder" frameborder="0"></iframe>
  </div>

  <!-- Script per modificare l'URL dell'iframe -->
  <script>
    // Funzione per ottenere l'UUID della proposta dall'URL corrente
    function ottenereUuidProposta() {
      const parametriURL = new URLSearchParams(window.location.search);
      return parametriURL.get('id');
    }

    // Funzione per aggiornare l'URL dell'iframe con l'UUID della proposta recuperato
    function aggiornareIframe() {
      const iframe = document.getElementById('ieco-iframe');
      const uuid = ottenereUuidProposta();
      iframe.src = `https://app.ieco.io/reports/${uuid}`;
    }

    // Chiamare la funzione al caricamento della pagina per aggiornare inizialmente l'URL dell'iframe
    aggiornareIframe();
  </script>
</body>
</html>

Come impostare un URL personalizzato per le vostre proposte ​

Come impostare un URL personalizzato per le vostre proposte