60478_de-DE

liliconcom

Veröffentlichung interaktiver HTML-Diagramme auf Websites

Hallo,

Ich möchte interaktive JMP-HTML-Dateien auf meiner persönlichen Website veröffentlichen, die von Squarespace gehostet wird. Die einzige Möglichkeit hierfür scheint darin zu bestehen, 1) die interaktive HTML-Datei in Chrome zu öffnen, 2) die HTML-Skripte zu kopieren (mit der Entwickleroption des Mac) und 3) das Skript entweder in ein Code- oder Einbettungsfeld auf meiner Website einzufügen. Das funktioniert zwar (obwohl ich immer eine Fehlermeldung erhalte, dass der Code zu lang ist). Allerdings wird das interaktive Diagramm immer unter der Fußzeile am unteren Seitenrand platziert (unabhängig davon, wo ich das Code-Feld platziert habe). Gibt es eine Möglichkeit, das Skript so zu ändern, dass das interaktive Diagramm tatsächlich an der gewünschten Stelle angezeigt wird? Gibt es alternativ eine Möglichkeit, ein interaktives Diagramm einfach auf einer Website zu veröffentlichen, ohne dass Skripte erforderlich sind? (Ich weiß, dass Hacker auf diese Weise meine Daten stehlen können; das ist für mich kein Problem. Ich möchte, dass meine Daten gestohlen werden, da es dem Gemeinwohl dient!)

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Vielen Dank @Michael_Goff für die ausführliche Antwort.

Ich werde meine Optionen mit der IT vor Ort prüfen, um eine für mich geeignete langfristige Lösung zu finden.

Ich weiß Ihre und die Hilfe aller zu schätzen!

Adam.

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Hallo Adam!

Dieser Thread stammt ursprünglich aus dem Jahr 2018 und seit seiner ursprünglichen Veröffentlichung haben sich einige Dinge im Internet-Ökosystem geändert. Der Grund für das Fehlschlagen dieses Einbettungsszenarios liegt in einer Änderung der Sicherheitsrichtlinien des Browsers. Im Jahr 2020 haben Chrome und andere Browser den Standardwert einer ihrer Richtlinien namens „ Referrer-Policy “ in einen sichereren Wert geändert. Dies dient dem Schutz Ihrer Daten. Die neue Standardrichtlinie heißt „strict-origin-when-cross-origin“. Beachten Sie, dass die Standardrichtlinie verwendet wird, wenn vom Server, auf dem der Inhalt gehostet wird, keine andere Richtlinie angegeben ist. Dies bedeutet, dass zwei Webseiten, die miteinander kommunizieren, denselben Ursprung haben müssen. In diesem Fall bedeutet „Ursprung“ dasselbe Protokoll, denselben Hostnamen und denselben Port .

Das Problem ist eine Folge dieser Browser-Richtlinienänderung. In JMP 17 pingen unsere interaktiven HTML-Berichte die übergeordnete Seite an, um zu prüfen, ob zusätzliche Informationen verfügbar sind. Seit dieser Richtlinie ist ein Fehler aufgetreten, da wir mit der neuen Standardrichtlinie nicht mehr auf diese übergeordnete Seite zugreifen dürfen. Wir haben dieses Problem mit JMP 18 behoben. Das wäre der einfachste Weg, etwas zum Laufen zu bringen.

In Ihrem Fall sieht es so aus, als würden Sie über das Dateisystem auf diese HTML-Seiten zugreifen:

window.onload (Datei://isshfs.xxxxx.com/......./Tool_Counters/Counters.htm:1572:1014711)

Eine vollständige Diagnose ist ohne die vollständigen URLs etwas schwierig, aber manche Browser behandeln die Protokollpfade von Datei:// anders als Seiten, die auf einem Webserver gehostet werden, und betrachten sie alle als „Cross-Origin“. Eine Möglichkeit, sicherzustellen, dass diese Dateien denselben Ursprung haben, besteht darin, sie auf einem Webserver zu hosten. Die übergeordnete Seite sollte beispielsweise https:// verwenden. .com/iframe_beispiel.html und die untergeordnete Seite, die von https:// gehostet werden soll .com/Counters.html.

Manchmal testen wir mit einem lokalen Webserver mithilfe des VS Code-Plugins „ Live Server“ . Damit können wir schnell einen Webserver mit Inhalten aus einem Ordner in unserem Dateisystem starten. Für den produktiven Einsatz müssen Sie sich jedoch wahrscheinlich an Ihre IT-Abteilung wenden, um einen Webserver für das Hosting dieser Seiten einzurichten.

Auch hier wäre das Hosten eines Webservers eine Problemumgehung zum Einbetten interaktiver HTML-Berichte aus JMP 17. In JMP 18 haben wir einen Fix hinzugefügt, um diesen Fehler zu vermeiden, und Sie sollten diese Seiten wieder aus dem Dateisystem einbetten können.

Danke,

Michael Goff

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Danke, Adam.

Ich habe die Seite in Chrome und Firefox getestet und sie wurde trotz des Fehlers in der Konsole geladen. In Edge wird das iFrame, wie Sie festgestellt haben und jetzt auch reproduzieren können, nicht geladen. Ich werde intern um Hilfe bitten. Bleiben Sie dran.

Danke,

~John

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Ich habe nichts dagegen, hier zu scheren.

scheint, als würde es nicht funktionieren.

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Hallo Adam,

Möglicherweise liegt ein Problem bei der Einbindung der interaktiven HTML-Seite in Ihre Hauptwebseite vor, das als nicht abgefangene Ausnahme angesehen wird.

Es gibt viele Möglichkeiten, dies zu tun. Unten ist eine der einfachsten Methoden, die normalerweise funktioniert:

Die Hauptseite würde Folgendes enthalten:

    <TITLE>iFrame Example</TITLE>


    <H1 id="toc-hId-2019574706">iFrame Example</H1>
    <P>Below is an example of an embedded Interactive HTML file using and iframe.</P>
    <IFRAME src="https://community.jmp.com/bivariate.html" height="900" width="500" title="iframe example"></IFRAME>

In diesem Fall ist bivariate.html eine interaktive HTML-Datei, die aus JMP exportiert wurde.

Wenn dies mit einer interaktiven HTML-Datei von JMP 17 durchgeführt wird, wird in der Konsole ein Netzwerkfehler angezeigt.

"GET file:///C:/api/webjmp net::ERR_FILE_NOT_FOUND"

Das Laden der Seite sollte dadurch jedoch nicht verhindert werden.

Wenn ja, versuchen Sie es bitte und lassen Sie mich wissen, ob es funktioniert.

Wenn Ihre Hauptseite JavaScript zum Laden der interaktiven HTML-Seite verwendet, müssen Sie möglicherweise einen Try/Catch-Block verwenden, um den Netzwerkfehler zu verarbeiten/ignorieren, damit mit dem Laden der Seite fortgefahren werden kann.

Wenn Sie hierzu Hilfe benötigen, wenden Sie sich bitte an den technischen Support von JMP, um weitere Einzelheiten mitzuteilen, es sei denn, Sie möchten Ihre Informationen in diesem Forum teilen.

~John

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

sie befinden sich auf demselben Server (im selben Hauptordner).

Ich habe auch versucht, sie auf einen anderen Server und auf meinen Desktop zu verschieben.

leider erhalte ich den gleichen Fehler.

Adam.

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

@AdamChoen ,

Dieser Fehler tritt auf, wenn sich die Webseite mit dem Iframe auf einem anderen Server befindet als die interaktive HTML-Seite, auf die der Iframe verweist. Wenn Sie den interaktiven HTML-Inhalt auf denselben Server/dieselbe Domäne wie die Seite mit dem Iframe verschieben können, sollte dieser Fehler behoben sein.

In JMP 18 haben wir diese Einschränkung umgangen, indem wir die interaktive HTML-Ausgabe geändert haben.

~John

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

@John_Powell_JMP

ich denke, das ist der relevante Fehler für mein Problem

Nicht abgefangene (im Versprechen) DOMException: Fehler beim Lesen einer benannten Eigenschaft „Dokument“ aus „Fenster“: Blockierte einen Frame mit Ursprung „null“ am Zugriff auf einen Cross-Origin-Frame.
bei window.onload (file://isshfs.xxxxx.com/......./Tool_Counters/Counters.htm:1572:1014711)

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

@AdamChoen ,

Wenn Sie eine Webseite öffnen, in die Sie eine interaktive HTML-Seite aus JMP 17 eingebettet haben, überprüfen Sie bitte die Browserkonsole (rechtsklicken, „Untersuchen“ und dann „Konsole“ auswählen), um zu sehen, ob Fehler gemeldet wurden.

Wenn es welche gibt, kopieren Sie sie bitte hierher, damit ich sehen kann, was möglicherweise schief läuft.

Danke,

~John

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

@John_Powell_JMP Es sind Fragen eingegangen, die Sie vielleicht beantworten können, Adam @AdamChoen. Wenn Sie jemanden @erwähnen, wird er per E-Mail angepingt.

Adam Choen

Stufe III

29. Mai 2024, 15:01 Uhr | Gepostet als Antwort auf Nachricht von cwillden 22.06.2018

Iframe funktioniert bei mir mit interaktivem JMP17-HTML nicht mehr.

schätze einige TSing Hinweise

Danke, Adam

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Iframe funktioniert bei mir mit interaktivem JMP17-HTML nicht mehr.

schätze einige TSing Hinweise

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Ich habe mich bei OneDrive über die Unfähigkeit beschwert, HTML-Dateien zu verarbeiten. Wenn man eine interaktive HTML-Datei IN OneDrive öffnet, wird nur Code angezeigt!!! Man sollte meinen, Microsoft könnte das bewältigen.

Ich möchte hier erwähnen, falls jemand, der nicht bei JMP arbeitet, auf diesen Beitrag stößt: Die Rohdaten können aus interaktiven Diagrammen extrahiert werden (d. h. ein Hacker könnte auf Ihre Daten zugreifen und sie reproduzieren). Ich denke, aus diesem Grund besteht derzeit keine große Nachfrage nach der Veröffentlichung solcher interaktiver Abbildungen auf persönlichen Websites (und deshalb ist dies der erste Beitrag zu diesem Thema). Ich konzentriere mich hauptsächlich auf die Metaanalyse bereits veröffentlichter Daten, daher ist dies für mich weniger problematisch.

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Diese Anfrage und die Antworten sind großartig! Danke!

Ich habe letztes Jahr vor meiner Präsentation zum Teilen von interaktivem HTML Dropbox, GoogleDrive und OneDrive ausprobiert und musste einige enttäuschende Ergebnisse berichten.

Es ist gut zu wissen, dass es Alternativen gibt, die funktionieren.

Übrigens funktionieren iFrames auch in der JMP-Community!

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Übrigens ist dies auch eine akzeptierte Lösung. Der Grund, warum sie bei mir nicht funktionierte, war, dass keine meiner Websites oder Clouds eine interaktive HTML-Datei ordnungsgemäß hosten konnte. Wie sich herausstellte, kann Amazons S3-Server dies. Wenn Sie also Ihr Skript verwenden und einen Link zum interaktiven JMP-HTML-Diagramm in meiner S3-Cloud bereitstellen, wird das Diagramm an der richtigen Stelle angezeigt, und ich muss die 200 Seiten des Skripts nicht einfügen.

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Super! Und als Hinweis für andere Interessierte: Google Drive funktioniert auch nicht (interaktive HTML-Dateien können nicht von Google Drive gehostet und in Skripten referenziert werden, um auf Websites zu erscheinen). Ich frage mich, warum S3 die einzige dieser großen Clouds ist, die mit interaktivem HTML funktioniert (ich habe Apples iCloud allerdings nicht ausprobiert). Sollten nicht alle schon längst auf diese Sprache für interaktive Dateitypen umgestiegen sein?

Mein nächster Schritt ist die Erstellung eines JMP-Berichts mit mehreren Fenstern auf meiner Website. Ich vermute, dass sich die dafür erforderlichen Schritte nicht von denen eines einzelnen Diagramms unterscheiden (vorausgesetzt, ich verwende S3).

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Schön, dass es geholfen hat! Und vergessen Sie nicht: Wenn Sie JMP Pro verwenden, können Sie Ihre JMP-Modelle in Scoring-Code exportieren und auch in AWS hosten:

https://dfd3m9li3aipf.cloudfront.net/index.html

oder betten Sie sie (als JavaScript-Scoring-Code) direkt in Ihre dynamischen HTML-Seiten ein:

http://jmp.scoring.iris.s3-website.us-east-2.amazonaws.com/

http://jmp.valentine.s3-website-us-east-1.amazonaws.com/

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Tolle Idee! Ich weiß nicht, warum ich deinen Code nicht einfach kopiert und eingefügt habe, aber DEIN Diagramm wird auf meiner Website problemlos angezeigt. Es gibt eine lange Liste von Beschwerden über OneDrives Umgang mit HTML-Dateien (sie werden als Skript geöffnet, nicht als fertiges Produkt in OneDrive). Ich habe es gerade mit Dropbox versucht und hatte das gleiche Problem wie mit OneDrive. Ich frage mich, ob es daran liegt, dass der Link, wenn man Dateien über einen Link teilt, nicht wie ein normaler Website-Link (wie deiner) aussieht? Beispiel: https://www.dropbox.com/s/dwjyb5n0fk24zoo/Fit%20Y%20by%20X.html?dl=0 . Interessanterweise gibt es in OneDrive eine Einbettungsfunktion, die dieses Problem umgehen soll (sie liefert HTML-Code zum Kopieren auf die eigene Website), aber ironischerweise funktioniert sie nicht für interaktives HTML!

Ich habe mich jedenfalls gerade für ein S3-Konto angemeldet, und es FUNKTIONIERT! Mann, ich hätte nie gedacht, dass das so mühsam sein würde, aber ich denke, dank Ihrer Hilfe ist die Verwendung von S3 zum Hosten der interaktiven HTML-Dateien von JMP und das anschließende Referenzieren der S3-Dateilinks eine praktikable Lösung. Vielen Dank für Ihre Hilfe (und auch an die anderen).

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Möglicherweise müssen Sie die Sichtbarkeitseigenschaften in One Drive aktivieren, damit die Seiten den richtigen MIME-Typ melden.

Es ist auch möglich, dass Square Space aus Sicherheitsgründen alle fremden Seiten (oder alle fremden JavaScript-Inhalte) blockiert.

Versuchen Sie, einen Iframe zu erstellen, der auf meine interaktive HTML-Seite auf S3 verweist. Die URL befindet sich in meinem ersten Beitrag.

Auf diese Weise wissen Sie, ob das Problem bei One Drive oder SquareSpace liegt.

Überprüfen Sie auch Ihre JavaScript-Konsole auf Fehlermeldungen. Möglicherweise finden Sie dort einen Hinweis.

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Hallo,

Das klingt nach einem guten Plan, funktioniert aber nicht mit One Drive (meinem aktuellen Datenspeichergerät). Ich hatte die interaktive HTML-Datei zuvor dort gehostet und auf Squarespace referenziert, aber sie wird auf meiner Website nur als leeres Kästchen angezeigt. Vielleicht versuche ich es später mit S3, aber es scheint dasselbe zu sein, oder? Vielleicht liegt es an Squarespace …

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Sie können das generierte HTML in S3 hosten und Ihren Iframe von dort darauf verweisen lassen. Hier ist ein Beispiel:

http://blog.nascif.com/2015/08/a-software-developers-career-visualized.html

Relevanter Code:

<a href="https://s3-us-west-2.amazonaws.com/jmp.examples/career/index.html</A&gt" target="_blank">https://s3-us-west-2.amazonaws.com/jmp.examples/career/index.html</A&gt</a>;" width="100%">

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Das ist eine tolle Idee, ABER Squarespace erlaubt das anscheinend NICHT! Das haben sie mir gesagt:

„Die Benutzer können die HTML-Dateien immer noch herunterladen. Sie können sie nur nicht über einen Squarespace-Link im Browser öffnen und haben nicht die statische URL wie eine PDF-Datei.“

Ich hoffe irgendwie, dass der Typ Unrecht hat, also werde ich versuchen, eine Problemumgehung zu finden, damit Sie es auf Ihre Weise tun können, was auf den meisten anderen Websites möglich zu sein scheint!

Andernfalls muss ich wieder die 200 Seiten Code einfügen …

Ich werde Sie informieren, wenn ich erfolgreich war. Nochmals vielen Dank für Ihre Hilfe. Sicherlich ist es möglich, interaktives HTML an der richtigen Stelle auf einer persönlichen Website zu veröffentlichen!

Anderson

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

I found a really easy solution! You can embed an html page within another html page using tags.  Here's a really simple example:</P><PRE><!DOCTYPE html> <html> <head> <title>Main Page</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="initial-scale=1.0"> <style> iframe { width: 100%; height: 600px; } </style> </head> <body> <p>Some content above.</p> <iframe src="Graph%20Builder.htm">

Einige Inhalte unten.

Im öffnenden Iframe-Tag verlinken Sie auf die interaktive JMP-HTML-Datei. Laden Sie diese Datei auf Foursquare hoch, damit sie gefunden wird und der Pfad korrekt ist. Sie sollten dem Iframe außerdem Stile hinzufügen, um die Größe nach Bedarf anzupassen. Im tags, I made the iframe as wide as possible and 600 pixels tall.</P><br /><P>Here's what my result looks like.<span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="iframeexample.PNG" style="width: 592px;"><img src="https://us.v-cdn.net/6038925/uploads/images/11223i427DB074EDA86FA5/iframeexample.PNG" role="button" title="iframeexample.PNG" alt="iframeexample.PNG" /></span></P><br /><br /><br /></lingo-body>

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Gail,

Vielen Dank für Ihre Antwort. Das Teilen der HTML-Datei/des Links ist ganz einfach. Ich möchte die interaktive Darstellung auf meiner Website anzeigen lassen. Bisher funktioniert das, indem ich eine riesige Menge HTML-Code kopiere und in ein Codefeld einfüge. Ich verstehe nicht, warum meine interaktive Darstellung immer im Fußbereich und nicht an der richtigen Stelle auf der Seite platziert wird. Ich denke, das erfordert nur ein wenig Anpassung am Code. Deshalb habe ich Cameron gefragt, ob er mir zeigen kann, was genau im Code geändert werden muss. Alternativ könnte ich den Leser einfach bitten, zum Ende der Seite zu scrollen!

Ich bin sehr begeistert davon. Ich habe sogar ein bewegliches Blasendiagramm zum Einbetten, damit der Leser/Benutzer mit Geschwindigkeiten, Timing usw. experimentieren kann. Sobald ich es richtig positioniert habe, wird meine Website voller beweglicher/interaktiver JMP-Diagramme sein!

Vielen Dank für Ihre Hilfe,

Anderson

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Cameron,

Ich habe mehr mit JMP und Squarespace experimentiert und kann glücklicherweise einfach 150 Seiten HTML-Code einfügen und selbst die komplexesten Diagramme (einschließlich bewegter Blasendiagramme!) in meine Website einbetten. Das Problem ist jedoch, wie ich schon beim letzten Mal erwähnte, die Platzierung im Footer. Sie haben eine Lösung dafür erwähnt, die das Hinzufügen eines >div zum Skript beinhaltet. Ganz am Ende des MONSTER-HTML-Skripts befindet sich diese Codezeile: Muss ich einen dieser „Bodys“ in ein „div“ ändern oder ist das komplizierter? Ich habe versucht, sie einzeln und kombiniert in ein „div“ zu ändern, aber da ich keine Ahnung von Skripting habe, könnte ich es noch viel komplizierter machen! Irgendwelche Ideen? Ich hänge den 200-seitigen HTML-Code als Referenz an.

Danke,

Anderson

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Hallo Anderson,

Einige Leute bei JMP versuchen, eine Lösung für Ihr Problem zu finden, und wir haben den Bedarf an einer zukünftigen JMP-Erweiterung protokolliert, um den von Ihnen beschriebenen Bedarf zu decken.

Wie ich bereits bei Ihrer ersten Anfrage erwähnt habe, können Sie uns hier die folgenden Schritte mitteilen.

1. Erstellen Sie das Diagramm und speichern Sie es irgendwo. (Das haben Sie bereits getan.)
2. Der Schlüssel liegt darin, die .htm-Datei freizugeben. Du kannst sie also a) an eine E-Mail anhängen und den Empfänger bitten, sie zu ÖFFNEN. (Ich habe dir meine per E-Mail geschickt. Versuch mal, sie zu öffnen.) b) Du kannst sie auf einem freigegebenen Laufwerk ablegen. Wenn der Empfänger darauf klickt, öffnet sie sich. (Ich habe auch eine Datei angehängt, die ich für Chrome veröffentlicht habe. Du benötigst Chrome, um sie zu öffnen.)
3. Alternativ können Sie einen oder mehrere Berichte VERÖFFENTLICHEN und dasselbe mit der HTML-Datei tun. https://www.jmp.com/support/help/14/create-a-web-report.shtml

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Cameron,

Vielen Dank für Ihre Antwort. Es sieht so aus, als ob es so ist, wie ich befürchtet hatte: Ich kann das interaktive Diagramm nicht einfach in eine Webseite einfügen! Squarespace unterstützt CSS, Java und HTML, daher werde ich Ihren Vorschlag morgen ausprobieren. Ironischerweise ist Squarespace bewusst so konzipiert, dass keine Skripte erforderlich sind, obwohl dies im Notfall möglich ist. Nochmals vielen Dank für Ihren Vorschlag. Ich melde mich später über meinen Erfolg (oder Misserfolg), falls auch andere JMP-Nutzer interaktive HTML-Diagramme auf ihren Webseiten veröffentlichen möchten! Anderson

Betreff: Interaktive HTML-Diagramme auf Websites veröffentlichen

Hallo @abmayfield ,

Das dürfte etwas knifflig werden. Diese Dateien sind nicht dafür ausgelegt, einfach nur das Diagramm zu kopieren und in eine Website einzubetten. Kennst du dich mit HTML, CSS und JavaScript aus? Ich habe zwar noch keine JMP-Diagramme auf einer Website platziert, aber ein Beispiel für Graph Builder exportiert, um die Struktur zu sehen. Die gesamte Aktion findet innerhalb der Tags statt. Das eigentliche DOM besteht nur aus den Head-Tags, die CSS und JavaScript enthalten, sowie leeren Tags. JavaScript fügt den gesamten Inhalt in die Tags ein.

Wenn Sie es versuchen möchten, würde ich empfehlen, alles innerhalb des tags and putting that into a CSS file, and then clipping out all the JavaScript in the <script> tags and saving that as a .js file.  I don't use foursquare, but I found this which may be helpful for adding your own custom CSS and Javascript: <A href="https://support.squarespace.com/hc/en-us/articles/205815928-Adding-custom-HTML-CSS-and-JavaScript" target="_self" rel="nofollow noopener noreferrer">https://support.squarespace.com/hc/en-us/articles/205815928-Adding-custom-HTML-CSS-and-JavaScript</A></P><br /><P>The JavaScript is pretty unreadable in its unformatted state.  I'm guessing it is ending up in the footer because the JavaScript just appends the content to the tag, so it will go right at the end.  You could add a <div> to the body and edit the JavaScript to to write to that div instead.</P><br /><P>Also, I'm sure there will be some conflicts with the CSS that JMP provides with your website's own styling, so that may have some unintended consequences.  If you know what you're doing, you can probably sort that out.</P><br /><P>Good luck!</P></lingo-body>