Einen externen Bot starten und einen bestimmten Flow in einem iFrame auslösen

Wir möchten gerne einen Bot von Drittanbietern in unsere Discourse-Website integrieren, um neuen Nutzern zu helfen, unsere Community besser zu verstehen, bevor sie beitreten und eine Mitgliedschaftsgebühr über das Subscription-Plugin bezahlen. Wir möchten diesen Bot über Beiträge und Calls-to-Action (CTAs) auf der Website auslösen, indem auf einen Link oder eine Schaltfläche geklickt wird, und dabei einen vordefinierten Ablauf im Bot starten.

Der Bot (hier ein Beispiel) kann entweder über ein Iframe oder über dieses Skript vor dem schließenden Body-Tag integriert werden:

<script src="https://widget.flowxo.com/embed.js" data-fxo-widget="eyJ0aGVtZSI6IiM2N2MxOGUiLCJ3ZWIiOnsiYm90SWQiOiI1ZjYwNmFmZGJhYmU5NjAwNGIwODc4NTMiLCJ0aGVtZSI6IiM2N2MxOGUiLCJsYWJlbCI6IkV4YW1wbGVib3QifX0=" async defer></script>

Daher habe ich (ich bin kein Programmierer :wink:) eine Theme-Komponente mit dem obigen Code und einem zusätzlichen Skript erstellt, das einen bestimmten Ablauf auslöst, wenn auf einen Link mit einer bestimmten ID geklickt wird:

<script type="text/javascript">

        // Zuerst auf das Laden der Seite warten
        window.onload = function() {

          // Einen Verweis auf den Link auf der Seite holen
          // mit der ID "mylink"
          var a = document.getElementById("mylink");

          // Code festlegen, der ausgeführt wird, wenn auf den Link geklickt wird,
          // indem eine Funktion an "onclick" zugewiesen wird
          a.onclick = function() {

            // Dein Code hier...
            FxoMessenger.create();
           FxoMessenger.on('stateChanged', function(state) {
      if (state === 'connected') {
        FxoMessenger.sendMessage('Dies ist der Text, der den Ablauf im Bot auslöst!');
      }
    });
            // Wenn du nicht möchtest, dass der Link tatsächlich
            // den Browser zu einer anderen Seite weiterleitet,
            // z. B. "google.com" in unserem Beispiel, dann
            // gib am Ende dieses Blocks false zurück.
            // Beachte, dass dies auch das Event-Bubbling verhindert,
            // was hier wahrscheinlich gewünscht ist, aber nicht immer der Fall sein wird.
            return false;
          }
        }

Das funktioniert theoretisch, aber leider wird die ID automatisch von einem Link in einem Discourse-Beitrag entfernt. Gibt es eine Möglichkeit, dies zu erreichen? Vielen Dank für eure Hilfe!