2012-06-03 11 views
5

GoogleサイトのサイトにJSを追加/編集するにはどうすればよいですか?この方法で、jQueryとjQuery UIを使用してサイトのルック・アンド・フィールを操作したいと考えています。Googleサイトにカスタムjavascriptを追加する方法は?

私はすべてのGoogleサイトについて話しているわけではありません。自分自身で作成した「Googleサイト」 - https://sites.google.com/というシステムを作成してください。 howto page

が、このあります: サポートされていない機能

HTMLボックスツールは現在、次の機能をサポートしていません:

のiframe任意のスクリプト、画像を作成することはできませんJavaScriptのコードをかリンクタグ ドキュメント/ウィンドウonloadとonready関数。文書 が読み込まれた後にロードするコードの最後に、 JavaScriptを配置することができます。

これは、HTMLツールでタグを作成できないということですか?彼らは上記のデモにいますが?

+1

Googleサイトを変更しますか?私は私が従うかどうかわからない... – gdoron

+0

よく私はGoogleのサイトを使用したいが、多くのオプションとスタイルは通常の設定では変更できないので、私は元のJSブロックをページ上で実行できるかどうか、私自身のjQueryと変更したいものを変更してください。 –

+0

あなたは[GreaseMonkey](http://ja.wikipedia.org/wiki/Greasemonkey)をお探しですか? Chromeには、GreaseMonkeyのサポートも組み込まれています。あなたができることのいくつかの例については、http://userscripts.org/をご覧ください。 –

答えて

0

Googleサイトはa good documentationです。program policyに対してはJavaScriptを使用できません。

カスタムCSS、JavaScript、一般的なHTMLを挿入する手順の詳細が記載されています。

+0

あなたがそこにつかんだ「プログラムポリシー」のリンクは、サイトではなくドキュメントであり、この質問とは関係ありません。 – duskwuff

+0

@duskwuff **これは、GoogleサイトとGoogleドキュメントをホスティングするための一般的なポリシーです。** Googleサイトのドキュメントを参照すると、特にこのポリシーにリンクしています。だからあなたのすべてのコンテンツ、JavaScript、CSS、画像は同じポリシーに従うべきです。 「アラート」は、ポリシーに違反しているため単純に機能しませんでした。ドキュメントを時間の経過とともに変更する可能性があるため、ステップをコピーする代わりに意図的にドキュメントにリンクしました。コピーしたコンテンツは最新の状態に保てません。 **これは無関係ではありません**。したがって、評価の前に注意深くお読みください。 – activars

+0

実際には、ポリシーページのさまざまなバージョンが表示されている可能性があります。私が見ているバージョンではJavaScriptはどこにも言及していません。 – duskwuff

6

The Google Sites help explains how to add custom HTML/CSS/JS content

  1. ゴーあなたがHTMLを埋め込むしたいGoogleサイトのページへ
  2. 移動[挿入]メニューを選択HTMLボックスには。。
  3. 開いているダイアログで、HTML、CSS、および/またはJavascriptコードを追加します。
  4. 完了したら、[保存]をクリックします。
  5. 埋め込みHTMLをプレビューするには、Googleサイトのページで[保存]をクリックします。

それは「他のHTMLボックスを含め、1つのHTMLボックスからコードが相互作用するか、HTMLボックスの外側のコードを参照することはできない」ということに注意するために行く - おそらく、それぞれの「HTMLボックスが」あります個別にサンドボックス化されたiframe要素したがって、JSを使用して「サイトのルック&フィールを操作する」あなたの能力はかなり制限されます。

+0

はい、私はこれを最初に試みました...うまくいかなかったようです。私はもう一度試してみましょう。 –

+1

私が指摘したように、Google Sitesサンドボックスで動作するJSの機能は制限されています。あなたがしようとしていることに応じて、あなたはそれをすることができるかもしれません。 (特に、HTMLボックスに含まれていないページのコンテンツを変更しようとすると、運が悪いです。) – duskwuff

+0

これをHTMLに入れようとしましたが、警告ボックスは表示されませんでした: '<スクリプトタイプ= "テキスト/ javascript"> アラート( 'something'); 「 –

1

別の方法としては、独自のガジェットを書いている

「ガジェットのWebページに追加することができる小規模なWebアプリケーションである。ガジェットは、一般的にHTMLとJavaScriptラップXMLファイルである」で行くGoogleサイトの達人で説明したように名前は森。 https://sites.google.com/site/mori79/html-gadgets

また、Googleデベロッパーサイトでより多くの情報を見つけることができます。 https://developers.google.com/google-apps/sites/gadgets/site_gadgets?hl=en

はそれがお役に立てば幸いです。

関連する問題