■　ユーザーに入力させる代わりにプログラム的に値を設定した方が便利な場合もあります。（サンプル → step8）

■　値の保持（状態の保持）には setprefs 機能をガジェットに追加する必要があります。

■　URL の制約によりユーザー設定のサイズは 2 K に制限されています(2011/03)

■　ソーシャルガジェットの詳細

下はGoogleが提供するサンプルをiGoogleに追加した状態です。
(http://www5d.biglobe.ne.jp/~pog/api/gadget/keep.xml)

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs 
    title="Setprefs New">
    <Require feature="opensocial-0.8"/> // ソーシャルガジェットの詳細を
    <Require feature="setprefs" /> //setprefs ライブラリを読み込むようガジェットに指示する
    </ModulePrefs>
    <UserPref  name="counter"  default_value="0" datatype="hidden"/>
             //値をプログラム的に設定して永続的に保持したいユーザー設定(通常のデータ型は hidden)

    <Content type="html">
    <![CDATA[ 
    <div id="content_div" style="height: 100px;"></div>
    <script type="text/javascript">

    var prefs = new gadgets.Prefs();  // preferencesの取得
    var html = "";
    var div = document.getElementById('content_div');
    function incrementCounter() {  
      var count = prefs.getInt("counter");
      div.innerHTML = "The count is " + count + "."; 
      prefs.set("counter", count + 1);  // "counter"のインクリメント
    }

    function resetCounter(){ // "counter"のリセット
      prefs.set("counter", 0); // 値を保存したいユーザー設定の JavaScript 関数 set() の呼び出し
      div.innerHTML = "Count reset to " + prefs.getInt("counter") + ".";
    }

    </script>
    <input type=button value="Count" name="count" onClick="incrementCounter()">
    <input type=button value="Reset" name="reset" onClick="resetCounter()">
  ]]> 
  </Content>
</Module>

下のサンプルで動作を確認できます。

■　編集用リンク