Wie Sie eine benutzerdefinierte URL für Ihre Vorschläge einrichten

Standardmäßig sind Ihre Vorschläge über eine URL mit folgendem Format zugänglich:

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

Vielleicht möchten Sie dies ändern, damit alle Vorschläge über Ihre eigene Domäne zugänglich sind. Wenn dies der Fall ist und Sie eine URL mit dem Format verwenden möchten:

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

Sie müssen eine Seite proposals.html erstellen, die folgende Aufgaben erfüllt:

Lesen der URL, um den Parameter idzu extrahieren.
Verwenden des Parameters id , um die URL des Vorschlags zu ermitteln.
Laden der URL des abgeleiteten Vorschlags über einen iframe.

Mit HTML, CSS und JavaScript können Sie dies ganz einfach tun:

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>
  <!-- Feld für Iframe -->
  <div>
    <!-- Der Iframe wird hier geladen -->
    <iframe id="ieco-iframe" src="https://app.ieco.io/reports/placeholder" frameborder="0"></iframe>
  </div>

  <!-- Skript zum Ändern der Iframe-URL -->
  <script>
    // Funktion zum Abrufen der UUID des Vorschlags aus der aktuellen URL
    function obtenerUuidPropuesta() {
      const parametrosURL = new URLSearchParams(window.location.search);
      return parametrosURL.get('id');
    }

    // Funktion zur Aktualisierung der iframe-URL mit der UUID des ermittelten Vorschlags
    function actualizarIframe() {
      const iframe = document.getElementById('ieco-iframe');
      const uuid = obtenerUuidPropuesta();
      iframe.src = `https://app.ieco.io/reports/${uuid}`;
    }

    // Aufruf der Funktion beim Laden der Seite, um die iframe-URL zu aktualisieren
    actualizarIframe();
  </script>
</body>
</html>

Wie Sie eine benutzerdefinierte URL für Ihre Vorschläge einrichten ​

Wie Sie eine benutzerdefinierte URL für Ihre Vorschläge einrichten