Plugin: inline-javascript
Suche in Plugins nach „inline-javascript volcano“ und installiere das. So wird’s eingebunden – einfacher geht’s nicht:
[inline]
[script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"][/script]
[script type="text/javascript"]
(...)
[/script]
[/inline]
Denke an Disable wpautop!
Beim IT Freelancer Magazin habe ich das schon erfolgreich eingebunden: https://www.it-freelancer-magazin.de/index.php/2017/08/10/groessenverhaeltnisse-der-top10-freelancer-agenturen-auf-einen-blick/
Sowohl die Vorschau als auch die öffentliche Vorschau haben das TreeMap-Diagramm korrekt angezeigt!
Der Visual-Editor von WordPress ist aber wegen irgendwelchen Sonderzeichen Gift für die Javascript-Einbindung. Zusammen mit dem automatischen sichern, kann es passieren, dass die Javascript-Anwendung auf der entsprechenden WordPress-Seite total zerstört wird. Daher nicht in Visuellen-Editiermodus wechseln.
Plugin: Scripts n Styles
Eigene Skripte werden in Scripts untergebracht.
Gängige Bibliotheken werden unter Include Scripts eingebunden.
Seltene Bibliotheken können in Scripts mit reingepackt werden:
Eigene Skripte, die seltene Bibliotheken benutzen, müssen in die /Body Textarea eingebunden werden, wobei die Bibliothek in die /Head-Textarea einbunden werden muss. Hat leider nur in Chrome zuverlässig funtkioniert. In Firefox und IE hat das Error in die Konsole geworfen und das eigene Skript wurde nicht ausgeführt.
var jQueryScript = document.createElement('script');
jQueryScript.setAttribute('src','https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js');
document.head.appendChild(jQueryScript);