Zum Inhalt
Startseite » Wie binde ich eine Funktion als Widget – Iframe auf meiner Webseite ein?

Wie binde ich eine Funktion als Widget – Iframe auf meiner Webseite ein?

    Es gibt grundsätzlich 2 Varianten wie sie unser System einsetzen können. Es steht Ihnen frei auszuwählen wie Sie es einsetzen wollen, voraussetzung ist eine gute Projektbesprechung und eine gute Planung der einzelnen Varianten um deren Aufwände gut einzuschätzen und vorallem alle notwendigen Punkte zu berücksichten. 

    1. Iframe Einbindung
      ( Sie haben eine bestehende Website und möchten nur Teilfunktionen auf dieser einbinden — „aswidget“ )
    2. Vollständiges WebsCMS und als Website 

    Einbindung als Widget

    Spendenprodukt Form

    Spendenprodukt Form EinzelSpende mit Funktionen, vorgefertigte Werte so wie Intervaloptionen

    SpendenabsetzbarkeitsFormular mit autoverarbeitungsworkflow in der Fundraising Studio Datenbank

    • was ist ein Iframe Resizer (Vermeidung von Scrollbalken, zusätzliche funktionen) 

    Ein Iframe ist die Möglichkeit auf einer Website eine andere externe gehostetet Website oder Teil website als Subseite einzubinden. Hierzu ist es wichtig zu verstehen das der Platz der für diesen Iframe Teil reserviert ist die überliegende Seite bereit stellen muss. Da wir aber in manchen Funktionen sehr dynamische Seiteninhalte haben und damit unterschiedliche höhen der Seite entstehen muss sich dieser Iframe mit der überliegenden Seite unterhalten und ihr mitteilen das sie mehr Platz braucht, wenn sich auf ihr etwas ändert. Ebenso kann es sein das die Subseite eine wiederrum Subseite unseres System innerhalb des Iframes aufrufen möchte. Damit das alles Funktioniert ist der Iframe Resizer programmiert worden. Da mit diesem Javascript es ermöglicht wird diese Informationen auszutauschen. Klarerweise kann man Iframes auch fix verdrahtet einbinden wenn man genug Platz reserviert und wenn man auf unserer Zusatzfunktionen von Iframe internen aufrufen verzichten möchte. Wir empfehlen aber immer die Iframe Einbindung mit Resizer um möglichst flexibel Arbeiten zu können und weniger Einschränkungen zu haben, vor allem aber um zu gewährleisten das es sauber funktioniert siehe andere Kunden die bereits so eingebunden sind. 

    • korrekte domain Verwendung und Verschlüsselungsoptionen (Verbesserung von Anzeigeproblemen und Browserkompatibilitäten)

    Wir empfehlen das Grundsätzlich eine eigene subdomain (z.B: meinespende.ihredomain.at) vom Kunden erstellt wird mit einem DNS A record auf unseren Webserver hin xx.xx.xx.xx wenn unser System als Iframe (aswidget) eingebunden wird. 

    Sofern es für diese Haupt Domain eine SSL Verschlüsselung gibt so ist es notwendig das wir ein sogenanntes Wildcard Zertifikat zur Verfügung gestellt bekommen damit wir das auf unserem Webserver einbinden können um zu gewährleisten das auch HTTPS verschlüsselter Inhalt auf der Hauptseite und der Subseite sauber gezeigt wird. Es kann sein das ein Browser eine Warnung gibt oder den Inhalt der Subseite gar nicht anzeigt wenn die überliegende Seite zur Unterliegenden Seite differiert vom Verschlüsselungsprotokolle her.

    – Überseite –> HTTP und SUB –> HTTP geht immer und überall 

    – Überseite –> HTTP und SUB –> HTTPS geht

    – Überseite –> HTTPS und SUB –> HTTP geht nicht 

    – Überseite –> HTTPS und SUB –> HTTPS (andere domain) geht auch in allen bisherigen tests

    Sofern es keine Subdomain vom Kunden gibt kann auch über einer von uns zu verfügung gestellten URL eine Einbindung durchgeführt werden, da wir für datadialog.net auch ein SSL Zertifikat verwenden und damit Browser grundsätzlich nicht mehr meckern sollte es hier auch zu geringen Problemen bei der Anzeige kommen. Allerdings geben wir für diese konstellation keine Garantie das es keine Seiteneffekte gibt. 

    ( Unsere Empfehlung ist, eine subdomain auf der Kunden Domain zu erstellen und uns ein Wildcardzertifikat, z.B: *.ihreddomain.at, zukommen zu lassen welches wir gerne für Sie bei uns einbinden). Und damit auch den von Ihnen gewählten subdomain Url bei uns am Webserver einbinden.

    • sauberes Einbinden einer Funktion von FSOnline über Iframe mit Resizer (aswidget)
    <script type="text/javascript" src="https://subdomain.Ihredomain.at/website_tools/static/lib/iframe-resizer/js/iframeResizer.min.js"></script>
    
    <iframe class="fso_iframe"
    src="https://subdomain.ihredomain.at/ihregewünschte funktion?aswidget=true"
    scrolling="no"
    frameborder="0"
    width="100%"
    style="width: 100%; border: 0; padding: 0; margin: 0; min-height: 960px"
    id="ifname1">
    </iframe>
    
    <script type="text/javascript">
    var iframes = iFrameResize({
    checkOrigin: false,
    heightCalculationMethod: 'taggedElement',
    baseUrl: 'https://subdomain.ihredomain.at',
    addUrlParams: 'aswidget=True',
    useGetParam: true,
    inPageAnchors: true,
    }, '#ifname1')
    </script>
    • Zusatzfunktionalität nach einer getätigten Spende nach dem Paymentprovider

    Sie können auch für Ihre Dankeseite eine eigene Seite ihrer Webagentur erstellen lassen wenn sie mit unserer Standardseite nicht zufrieden sind oder zusätzliche Funktionen einbetten wollen. 

    So ist es möglich unser System wenn sie zuvor diese Funktion freischalten haben lassen über einen Speziellen Code Informationen abzurufen und diese auf Ihrer eigenen Website anzeigen zu lassen . z.B. können sie nach einer Spende die Informationen einer gestätigten Spende für diesen User abfragen und auf Ihrer Seite Anzeigen oder weiterführend verarbeiten. Urkundendruck usw… 

    Schreibe einen Kommentar

    Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert