jimdo javascript 動かない?!外部ファイルの設定

Jimdoでは、JavaScriptの動作に関していくつかの制限がある場合があります。Jimdoが提供しているエディタ内で直接JavaScriptを記述する場合や、外部のJavaScriptファイルを埋め込む場合には以下の点に注意してください。

セキュリティ制約

Jimdoはセキュリティ対策として、一部の外部スクリプトやJavaScriptの使用を制限している可能性があります。特に、安全でないコードやクロスサイトスクリプティング(XSS)攻撃を防ぐための対策が施されているかもしれません。

プラグインの制限

Jimdoには特定のJavaScriptプラグインが組み込まれており、それ以外の外部プラグインやスクリプトの利用ができない場合があります。

JavaScriptの呼び出しタイミング

JavaScriptコードがページの読み込み後に実行されるように、通常は<script>要素を<body>タグの最後に配置します。ただし、Jimdoのエディタ内でスクリプトを挿入する場合、エディタの制約により、適切な位置にスクリプトを挿入できないことがあります。

外部ファイルの埋め込み

Jimdoで外部ファイルを利用する場合、そのファイルは外部のホスティング先で利用可能である必要があります。また、外部ファイルを使う場合には、そのファイルがHTTPSプロトコルを使用していることが重要です。

以下は、外部のJavaScriptファイルをJimdoに埋め込む際の基本的な手順です。

外部ファイルのホスティング

JavaScriptファイルを外部にホスティングします。これはGitHubや他のホスティングサービスを利用するか、専用のウェブサイトにアップロードすることが含まれます。

HTMLウィジェットを追加

Jimdoのページ編集画面に移動し、スクリプトを埋め込む場所にHTMLウィジェットを追加します。

スクリプトの埋め込み

HTMLウィジェット内に<script>タグを使用して、外部のJavaScriptファイルを読み込むスクリプトを追加します。
<script src="https://example.com/your-script.js"></script>

保存とプレビュー

変更を保存し、プレビューモードでページを確認して、スクリプトが正しく読み込まれるか確認します。

上記の手順にもかかわらず、JavaScriptが動作しない場合は、Jimdoのサポートドキュメントやヘルプセンターで提供されている情報を確認し、制約事項を理解することが重要です。場合によっては、Jimdoのサポートに問い合わせてサポートを受けることも検討してください。