साइटें का फिर से बनाया गया वर्शन 22 नवंबर, 2016 को लॉन्च किया गया था. Sites का वर्शन इस वर्शन से बनाई गई साइटों को ऐक्सेस या उनमें बदलाव नहीं कर सकता. हालांकि, वे अब भी क्लासिक साइटों को ऐक्सेस कर सकते हैं.

इस पेज का अनुवाद Cloud Translation API से किया गया है.

Google Sites के लिए गैजेट

Google में, गैजेट एचटीएमएल और JavaScript ऐप्लिकेशन होते हैं. इन्हें साइट के साथ-साथ वेब पेजों और दूसरे ऐप्लिकेशन में एम्बेड किया जा सकता है. इन गैजेट की मदद से आपकी साइट में बाहरी और डाइनैमिक कॉन्टेंट शामिल किया जा सकता है. जैसे, मिनिएचर ऐप्लिकेशन और डेटाबेस-आधारित सूचियां, जिन्हें बेहतरीन उपयोगकर्ता अनुभव के लिए टेक्स्ट और इमेज के साथ शामिल किया गया है.

हर 'साइटें' पेज एक संभावित गैजेट कंटेनर होता है. साथ ही, Sites आपको एक Data API देता है, जिसका इस्तेमाल गैजेट के साथ करके असरदार ऐप्लिकेशन बनाने के लिए किया जा सकता है. इसका मतलब है कि एक गैजेट डेवलपर के तौर पर, क्लासिक Sites API का इस्तेमाल करके, दूसरे वेब डेवलपर और उनकी ऑडियंस के लिए दिलचस्प टूल बनाए जा सकते हैं. साथ ही, अपने इस्तेमाल के हिसाब से भी ऐसा किया जा सकता है.

जब आप Sites के लिए कोई गैजेट बनाते हैं, तो वह लाखों सक्रिय उपयोगकर्ताओं के लिए उपलब्ध हो जाता है. बस अपना गैजेट हमें सबमिट करें, और वह वहां दिखाई देगा, जहां उपयोगकर्ता आसानी से अपनी साइटें ब्राउज़, कॉन्फ़िगर, और आपका गैजेट जोड़ सकते हैं.

अब आपको पता है कि {sites_name_short} आपके गैजेट के लिए एक बेहतरीन डिस्ट्रिब्यूशन प्लैटफ़ॉर्म है. आपको किस बात का इंतज़ार है? साइट के लिए अभी गैजेट बनाना शुरू करें!

साइट गैजेट अवलोकन

आम तौर पर, गैजेट ऐसी छोटी सुविधाएं होते हैं जो बाहरी जानकारी को वेब पेजों में जनरेट करते हैं या उसे इकट्ठा करते हैं. अपने सबसे आसान रूप में, गैजेट एक छोटी .xml फ़ाइल होती है जो जानकारी को इकट्ठा करके, उसे कई वेब पेजों पर एक साथ उपलब्ध कराती है. Sites में, एक गैजेट शामिल करने से एक iframe बन जाता है, जो इस बाहरी जानकारी के लिए कंडिशन के रूप में काम करता है. कुछ गैजेट इससे ज़्यादा नहीं होते, यानी वे iframe जो किसी दूसरी वेबसाइट से जानकारी पास करते हैं.

ज़्यादा बेहतर गैजेट, डाइनैमिक कॉन्टेंट इकट्ठा करते हैं और आपके 'साइट' पेजों में इंटरैक्टिव ऐप्लिकेशन मुहैया कराते हैं. उदाहरण गैजेट देखें.

गैजेट में ये कॉम्पोनेंट होते हैं:

गैजेट की खास जानकारी वाली फ़ाइल - एचटीएमएल और JavaScript फ़ंक्शन को रैप करने वाली .xml फ़ाइल.
कंटेनर पेज - वह वेब पेज जहां गैजेट डाला गया है, जो कि एक Google साइट है.
बाहरी डेटा सोर्स - यह ज़रूरी नहीं है और .xml फ़ाइल की जगह पर ही मौजूद हो सकता है. हालांकि, नतीजे देने के लिए, इसे अक्सर एचटीटीपी पर गैजेट की खास जानकारी कहते हैं.

Sites के लिए बनाए गए गैजेट का इस्तेमाल, किसी साइट के सभी दर्शक कर सकते हैं. ये इंटरैक्टिव होते हैं और इन्हें दिखाने के बजाय, डाइनैमिक कॉन्टेंट दिखाने पर फ़ोकस किया जाता है. साथ ही, इन्हें साइट के कॉन्टेंट के हिसाब से डिज़ाइन किया जाता है.

कैलेंडर गैजेट इस अंतर का अच्छा उदाहरण है. हो सकता है कि इसमें मौजूद निजी बनाया गया कैलेंडर गैजेट डिफ़ॉल्ट रूप से, लॉग इन किए हुए उपयोगकर्ता का कैलेंडर दिखाएगा. वहीं, Sites में मौजूद कैलेंडर गैजेट से, मिलकर काम करने वाले लोगों को जगह के हिसाब से अलग-अलग कैलेंडर में से चुनने की सुविधा मिल सकती है.

साइट गैजेट आपको एक ही पेज पर बाहरी सोर्स से मिली कई तरह की जानकारी (जैसे, अलग लेकिन मिलते-जुलते परफ़ॉर्मेंस डैशबोर्ड से लाइव डायग्राम दिखाता है) दिखाने की सुविधा देता है. साथ ही, सीधे Sites में पब्लिश किए गए पूरी जानकारी वाले टेक्स्ट को भी प्रज़ेंट करने की सुविधा देता है. इससे, एक ही व्यू में एक ही विषय से जुड़ी अलग-अलग जानकारी इकट्ठा करते समय विज़ुअल रीयल एस्टेट सेव होता है. गैजेट आपको डाइनैमिक कॉन्टेंट को भी शामिल करने की सुविधा देता है. अगर ऐसा नहीं होता है, तो साइट की सुरक्षा जांच से इसे रोक दिया जाता है.

चेतावनी: लेगसी गैजेट एपीआई से बनाए गए गैजेट, Sites में काम कर सकते हैं, लेकिन आधिकारिक तौर पर काम नहीं करते. पहले से मौजूद और फ़ीड पर आधारित गैजेट भी काम नहीं करते हैं. इसलिए, Google का सुझाव है कि आप Sites के सभी गैजेट, मौजूदा गैजेट* का इस्तेमाल करके बनाएं. API. ज़्यादा जानकारी के लिए यह पोस्ट देखें:
http://igoogledeveloper.blogspot.com/2009/09/more-things-change-more-they-stay-same.html

उदाहरण गैजेट

यहां एक आसान लेकिन लोकप्रिय गैजेट शामिल करें दिया गया है. यह अन्य वेब कॉन्टेंट को पास करने के लिए, iframe उपलब्ध कराने से बहुत कम काम करता है:

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="Include gadget (iframe)" title_url="http://sites.google.com/"
          description="Include another web page in your Google Site"
          thumbnail="https://www.gstatic.com/sites-gadgets/common/images/sites-icon-gadget-thumb.png"
          screenshot="https://www.gstatic.com/sites-gadgets/common/images/sites-icon-gadget-ss.png"
          height="800" width="600" author="Google">
    <Require feature="dynamic-height"/>
  </ModulePrefs>
  <UserPref name="iframeURL" display_name="URL to content" required="true"/>
  <UserPref name="scroll" display_name="Display scrollbar" default_value="auto" datatype="enum">
    <EnumValue value="auto" display_value="Automatic"/>
    <EnumValue value="no" display_value="No"/>
    <EnumValue value="yes" display_value="Yes"/>
  </UserPref>
  <Content type="html" view="default,canvas">
  <div id='dest'><img src="http://www.google.com/ig/images/spinner.gif"></div>
  <script type="text/javascript">
  gadgets.util.registerOnLoadHandler(doRender);

  function doRender(){
    // setup variables
    var prefs = new gadgets.Prefs();
    var iframeURL = prefs.getString('iframeURL');
    var scroll = prefs.getString('scroll');
    var height = 800;
    var width = 600;

    if (gadgets.window) {
      var viewport = gadgets.window.getViewportDimensions();
      if (viewport.width) {
        var width = viewport.width;
      }
      if (viewport.height) {
        var height = viewport.height;
      }
    }

    var iframe = document.createElement('iframe');
    iframe.setAttribute('width', width + 'px');
    iframe.setAttribute('height', height + 'px');
    iframe.setAttribute('frameborder','no');
    if(scroll){
      iframe.setAttribute('scrolling', scroll);
    }
    iframe.setAttribute('src', iframeURL);

    // set the slideshow to the placeholder div
    var dest = document.getElementById('dest');
    dest.innerHTML = '';
    dest.appendChild(iframe);
  }
  </script>
  </Content>
</Module>

शुरुआत करना: गैजेट* देखें. गैजेट टैग और अनुमानित सामग्री की पूरी जानकारी के लिए एपीआई.

अपना गैजेट होस्ट करना

आपका गैजेट चाहे जो भी हो, उसकी फ़ाइलें ढूंढने और इस्तेमाल करने के लिए वर्ल्ड वाइड वेब पर मौजूद होनी चाहिए. बिना पुष्टि के एचटीटीपी पर ऐक्सेस किया जा सकने वाला कोई भी ऑनलाइन लोकेशन काम करेगा. बस इतना याद रखें कि चुने जाने के लिए आपका गैजेट किसी सार्वजनिक डायरेक्ट्री में पब्लिश होना होगा. अगर ऐसा नहीं है, तो लोगों को सीधे यूआरएल डालकर उसे एम्बेड करना होगा.

यहां आपके गैजेट होस्टिंग विकल्प दिए गए हैं:

App Engine - आपके गैजेट के लिए ज़रूरी सभी फ़ाइलों को सेव कर सकता है. इसमें कुछ सेटअप की ज़रूरत होती है. जैसे, प्रोजेक्ट बनाना और बाद में फ़ाइल अपलोड करना. हालांकि, इसका इस्तेमाल बड़ी संख्या में उपयोगकर्ता आसानी से कर पाएंगे. आप अपने सभी गैजेट को स्टोर करने के लिए एक ऐप्लिकेशन बना सकते हैं और दूसरा, स्टैटिक फ़ाइलें सर्व करने के लिए कर सकते हैं. इसमें app.yaml की तरह दिखने वाली फ़ाइल भी शामिल है:
```
application: <your app name>
version: 1
runtime: python
api_version: 1

handlers:
- url: /.*
  static_dir: static
```
अगर सभी गैजेट फ़ाइलें स्टैटिक डायरेक्ट्री में रखी जाती हैं, तो हर बार बदलाव करने पर अपनी लोकल डायरेक्ट्री में फ़ाइलों में बदलाव किए जा सकते हैं. साथ ही, हर बार App Engine में डिप्लॉय किया जा सकता है. अगर आपके पास कोई फ़ाइल /static/asset.xml है, तो इसका यूआरएल होगा: http://<your-app-name>.appspot.com/static/भाग.xml
आपकी पसंद की कोई भी ऑनलाइन जगह - पूरी तरह से आपके नियंत्रण में, लेकिन पूरी ज़िम्मेदारी भी आपकी. आपके सर्वर पर डाउनटाइम के कारण आपके गैजेट के उपयोगकर्ताओं के लिए आउटेज हो सकता है.

अपना गैजेट बनाना

गैजेट सिर्फ़ एचटीएमएल और (वैकल्पिक तौर पर) JavaScript, Flash या Silverlight होते हैं, जो एक्सएमएल में रैप होते हैं. गैजेट डेवलपर गाइड में आपको अपने गैजेट बनाने के लिए सभी ज़रूरी जानकारी मिलती है. इसके अलावा, गैजेट में तेज़ी से सोशल ऐप्लिकेशन बनाने के लिए OpenSocial टेम्प्लेट का इस्तेमाल किया जा सकता है.

यहां साइटों के लिए गैजेट बनाने के हाई-लेवल चरण दिए गए हैं:

तय करें कि आपका गैजेट कहां होस्ट किया जाएगा. अपने विकल्पों के विवरण के लिए अपना गैजेट होस्ट करना सेक्शन देखें.
एक नई .xml फ़ाइल बनाएं, जो आपकी पसंद के टेक्स्ट एडिटर का इस्तेमाल करके, आपके स्पेसिफ़िकेशन के तौर पर काम करे.
कॉन्टेंट का टाइप, एचटीएमएल या यूआरएल, तय करें और गैजेट .xml फ़ाइल में इस तरह शामिल करें:
<Content type="html">
आम तौर पर, यह एचटीएमएल फ़ॉर्मैट में होता है. इसमें यह माना जाता है कि सारा कॉन्टेंट सीधे .xml फ़ाइल में दिया गया है. अगर आपको अपना कॉन्टेंट किसी अलग फ़ाइल में सबमिट करना है, तो यूआरएल के कॉन्टेंट टाइप का इस्तेमाल करें. दोनों के बीच के अंतर के बारे में पूरी जानकारी पाने के लिए, कॉन्टेंट टाइप चुनना देखें.
गैजेट .xml फ़ाइल में या स्पेसिफ़िकेशन में बताए गए अलग-अलग फ़ाइलों में कॉन्टेंट बनाएं. मौजूदा गैजेट की जांच करने के तरीकों के लिए, उदाहरण के तौर पर गैजेट देखना सेक्शन देखें.
गैजेट के लिए ऐसी बेसिक प्राथमिकताएं तय करें जिनमें उपयोगकर्ता बदलाव कर सकते हैं. निर्देशों के लिए उपयोगकर्ता प्राथमिकताएं तय करना देखें. ज़्यादा बेहतर कॉन्फ़िगरेशन देने के लिए, बेहतर उपयोगकर्ता कॉन्फ़िगरेशन की अनुमति देना सेक्शन देखें.
ऐसे मॉड्यूल की प्राथमिकताएं परिभाषित करें जिनमें सिर्फ़ गैजेट लेखक बदल सकता है. अतिरिक्त जानकारी के लिए गैजेट की प्राथमिकताएं तय करना देखें.
गैजेट का परीक्षण करें. निर्देशों के लिए अपने गैजेट की जांच करना सेक्शन देखें.

आपका गैजेट एम्बेड करना

गैजेटों को साइट गैजेट निर्देशिका से चुनकर या सीधे उसके URL को शामिल करके साइट के पेजों में एम्बेड किया जा सकता है (जो Google गैजेट निर्देशिका के साथ सिंक की जाती है).

साइटों में एक गैजेट एम्बेड करने के लिए:

उस साइट पेज पर जाएं जिसमें नया गैजेट होगा.
बदलाव करने के लिए पेज खोलें.
सम्मिलित करें > और गैजेट चुनें.
गैजेट खोजें, बाईं ओर दी गई कैटगरी से उसे चुनें या यूआरएल से गैजेट जोड़ें पर क्लिक करें और अपनी .xml फ़ाइल में यूआरएल चिपकाएं. इसके बाद, जोड़ें पर क्लिक करें.
सलाह: इसी यूआरएल तरीके से गैजेट जोड़ें, जिसका इस्तेमाल Google और किसी भी दूसरे ऑनलाइन प्लैटफ़ॉर्म से गैजेट को एम्बेड करने के लिए किया जा सकता है.
गैजेट के डाइमेंशन की जानकारी दें, उपलब्ध सेटिंग में से चुनें और ठीक है पर क्लिक करें. गैजेट को आपके पेज में जोड़ दिया गया है.
साइट में अपना गैजेट देखने और उसका परीक्षण करने के लिए पेज को सेव करें.

अपने गैजेट की जांच करना

अपना गैजेट बनाने के बाद, उसका इस्तेमाल करने से पहले आपको उसकी अच्छी तरह से जांच करनी चाहिए और दूसरों को भी ऐसा करने की अनुमति देनी चाहिए. एक या इससे ज़्यादा टेस्ट Google Sites बनाकर और अपने गैजेट को एम्बेड करके, मैन्युअल तरीके से अपने गैजेट की जांच करें. सटीक चरणों के लिए, अपना गैजेट एम्बेड करना सेक्शन देखें. आपके गैजेट की सुविधा और लुक उस साइट पर निर्भर करता है जिसमें वह गैजेट मौजूद है. इसलिए, अपने गैजेट को डीबग करने का सबसे अच्छा तरीका यह है कि उसकी जाँच एक वास्तविक Google साइट के संदर्भ में की जाए. यह सुनिश्चित करने के लिए कि आपका गैजेट प्रत्येक में सही तरीके से दिखाई दे, विभिन्न साइटों के बीच स्विच करके देखें.

अपने गैजेट की जांच करते समय, आपको साफ़ तौर पर गड़बड़ियां दिखेंगी और आपको अपनी गैजेट .xml फ़ाइल में सुधार करने होंगे. एक्सएमएल में बदलाव करते समय आपको गैजेट को कैश मेमोरी में सेव करने की सुविधा बंद कर देनी चाहिए. ऐसा न करने पर, आपके बदलाव पेज पर नहीं दिखेंगे. गैजेट की जानकारी तब तक कैश मेमोरी में सेव नहीं की जाती, जब तक आप साइटों को ऐसा करने के लिए नहीं कहते. डेवलपमेंट के दौरान कैश मेमोरी को बायपास करने के लिए, इसे 'साइटें' पेज के उस यूआरएल के आखिर में जोड़ें जिसमें गैजेट शामिल है (न कि गैजेट स्पेक्ट .xml फ़ाइल का यूआरएल):

 ?nocache=1

साइटें, गैजेट जोड़ने और कॉन्फ़िगर करने के लिए एक मानक यूज़र इंटरफ़ेस (यूआई) उपलब्ध कराती हैं. कोई गैजेट जोड़ने पर, वह एक झलक दिखाएगा और ऐसे सभी UserPref पैरामीटर दिखाएगा जिन्हें कॉन्फ़िगर किया जा सकता है. अलग-अलग कॉन्फ़िगरेशन वैल्यू को अपडेट करने और अपना गैजेट अपनी टेस्ट साइट में जोड़ने की जांच करें. इस बात की पुष्टि करें कि आपका गैजेट साइट पर उम्मीद के मुताबिक काम कर रहा है. आपको इस बात की जांच करनी चाहिए कि आपने जो भी UserPref तय किए हैं उन्हें साइट का एडमिन, सही तरीके से कॉन्फ़िगर कर सके.

इसके बाद, अन्य जांच करने के लिए, अपने गैजेट को पब्लिश करने के लिए पब्लिकेशन के लिए तैयारी करना सेक्शन देखें.

बेहतर उपयोगकर्ता कॉन्फ़िगरेशन की अनुमति देना

सभी गैजेट, गैजेट स्पेसिफ़िकेशन फ़ाइल के UserPref सेक्शन के ज़रिए उपयोगकर्ता की बुनियादी प्राथमिकताएं सेट करने की सुविधा दे सकते हैं. आम तौर पर, ये डाइमेंशन, स्क्रोलबार, बॉर्डर, टाइटल, और गैजेट की खास सेटिंग पर असर डालते हैं. इनकी जानकारी, स्क्रीनशॉट में यहां दिखाई गई है:

साइट गैजेट उपयोगकर्ता प्राथमिकताएं

हालांकि, ऐसे कई मामले होते हैं जहां गैजेट को मानक UserPref कॉम्पोनेंट के मुकाबले ज़्यादा बेहतर प्राथमिकताओं का फ़ायदा मिलता है. प्राथमिकताओं में अक्सर पसंद के मुताबिक कारोबारी नियम, पुष्टि या पिकर जैसी सुविधाएं शामिल करनी पड़ती हैं. गैजेट UserPref सेक्शन से जनरेट किया गया इंटरफ़ेस, सीमित संख्या में डेटा टाइप (स्ट्रिंग, enum वगैरह) का इस्तेमाल करता है. इसलिए, यूआरएल या तारीखों जैसे इनपुट की पुष्टि नहीं की जा सकती.

इसके अलावा, आईएमएल जैसे कंटेनर, जहां व्यूअर और संपादक एक ही हैं, गैजेट लेखक मानक दृश्य के हिस्से के रूप में कॉन्फ़िगरेशन को विस्तृत कर सकते हैं. साइटों में, दर्शक हमेशा संपादक नहीं होता है, इसलिए गैजेट का लेखक इस बात की गारंटी नहीं दे सकता कि देखने वाले उपयोगकर्ता के पास प्राथमिकताओं को अपडेट करने का ऐक्सेस है. साइटें जैसे सामाजिक कंटेनर किसी भी उपयोगकर्ता को प्राथमिकताएं संशोधित करने की अनुमति नहीं दे सकते, केवल लेखक को.

Sites में, UserPref से जनरेट किए गए बुनियादी गैजेट प्राथमिकताओं के इंटरफ़ेस को एक कॉन्फ़िगरेशन व्यू से बदला जा सकता है, जहां कई दूसरी प्राथमिकताएं और डेटा टाइप दिए जा सकते हैं, जैसा कि यहां दिखाए गए स्क्रीनशॉट में दिखाया गया है:

साइट गैजेट कॉन्फ़िगरेशन दृश्य

कॉन्फ़िगरेशन व्यू, इंसर्शन के समय या बदलाव करने के समय पर UserPref सेटिंग की जगह दिखाया जाता है. इसकी मदद से, कस्टम इंटरफ़ेस की मदद से उपयोगकर्ता की प्राथमिकताएं सेट की जा सकती हैं. आपके पास कस्टम इनपुट एलिमेंट भी हो सकते हैं, जैसे कि मैप के निर्देशांक डालने के बजाय मैप पर जगह चुनने के लिए.

इस व्यू में प्राथमिकताएं सेव करने के लिए, डेवलपर स्टैंडर्ड setprefs एपीआई का इस्तेमाल कर सकते हैं. ज़्यादा जानकारी के लिए, गैजेट एक्सएमएल रेफ़रंस और डेवलपर की बुनियादी बातों का डेटा सेव करने की स्थिति वाला सेक्शन देखें. ये व्यू, कंटेनर ऐप्लिकेशन को कॉन्फ़िगरेशन की पूरक जानकारी देने की अनुमति देते हैं. साथ ही, इन्हें गैजेट .xml स्पेक्ट फ़ाइलों में UserPref सेक्शन के बाद स्थापित किया जाता है, जिसका शुरुआती टैग एक जैसा होता है:

  <Content type="html" view="configuration" preferred_height="150">

उदाहरण के लिए, ऊपर दिया गया कॉन्फ़िगरेशन व्यू देने वाले news.xml गैजेट में यह सेक्शन शामिल होता है:

<Content type="html" view="configuration" preferred_height="300">
<style type="text/css">
  .config-options {
    margin: 10px;
  }
  .label {
    font-weight: bold;
    width: 35%;
    vertical-align: top;
  }
  .gray {
    color:#666666;
  }
  html {
    font-family:arial,sans-serif;
    font-size:0.81em;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.5;
  }
  a:link, a:visited, a:active { text-decoration: none }
</style>
  <img alt="Google Web Elements" src="http://www.google.com/webelements/images/web_elements_logo.gif"/>
  <table class="config-options">
  <tr>
  <td align="left" class="label">Size:</td>
  <td align="left">
  <select id="size" onchange="Update()">
  <option selected="selected" value="300x250">Medium rectangle (300x250)</option>
  <option value="728x90">Leaderboard (728x90)</option>
  </select>
  </td>
  </tr>
  <tr>
  <td align="left" class="label">Select sections:</td>
  <td align="left">
  <table>
  <tbody><tr>
  <td><input type="checkbox" onclick="Update()" id="sec_h" value="h"/> Top Stories</td>
  <td><input type="checkbox" onclick="Update()" id="sec_w" value="w"/> World</td>
  <td><input type="checkbox" onclick="Update()" id="sec_b" value="b"/> Business</td>
  </tr><tr>
  <td><input type="checkbox" onclick="Update()" id="sec_p" value="p"/> Politics</td>
  <td><input type="checkbox" onclick="Update()" id="sec_n" value="n"/> Nation</td>
  <td><input type="checkbox" onclick="Update()" id="sec_e" value="e"/> Entertainment</td>
  </tr><tr>
  <td><input type="checkbox" onclick="Update()" id="sec_t" value="t"/> Technology</td>
  <td><input type="checkbox" onclick="Update()" id="sec_s" value="s"/> Sports</td>
  <td><input type="checkbox" onclick="Update()" id="sec_m" value="m"/> Health</td>
  </tr></tbody>
  </table>
  </td>
  </tr>
  <tr>
  <td align="left" class="label">Or create one:</td>
  <td align="left">
  <input type="text" id="query" onchange="Update()"/>
  <br/>
  <span class="gray">Example: 2010 Olympics</span>
  </td>
  </tr>
  <tr>
  <td colspan="2">
  <div id="preview" style="margin-top:10px;overflow:auto;width:100%;">
  <iframe id="preview_ifr" frameborder="0" marginwidth="0" marginheight="0" border="0"
  style="border:0;margin:0;"
  scrolling="no" allowtransparency="true"></iframe>
  </div>
  </td>
  </tr>
  </table>
  <script type="text/javascript">
  var prefs = new gadgets.Prefs();

  function getSelectedTopics() {
    var selected = [];
    var topics = ['h', 'w', 'b', 'p', 'n', 'e', 't', 's', 'm'];
    for (var i = 0; i < topics.length; i++) {
      if (document.getElementById('sec_' + topics[i]).checked) {
        selected.push(topics[i]);
      }
    }
    return selected.join(',');
  }

  function setSelectedTopics(selected) {
    if (selected && selected.length >= 0) {
      var topics = selected.split(',');
      for (var i = 0; i < topics.length; i++) {
        document.getElementById('sec_' + topics[i]).checked = true;
      }
    }
  }

  function Update() {
    var topic = getSelectedTopics();
    var query = document.getElementById('query').value;
    var size = document.getElementById('size').value;

    var url = 'http://www.google.com/uds/modules/elements/newsshow/iframe.html?rsz=large&' +
        'format=SIZE&element=true';
    var iframe = document.getElementById('preview_ifr');
    url = url.replace(/SIZE/, size);
    if (topic.length > 0) {
      url += '&topic=' + topic;
    }
    if (query.length > 0) {
      url += '&q=' + encodeURIComponent(query);
    }
    iframe.src = url;
    if (size == '728x90') {
      iframe.style.width = '728px';
      iframe.style.height = '90px'
    } else {
      iframe.style.width = '300px';
      iframe.style.height = '250px';
    }
    prefs.set('size', size);
    prefs.set('topic', topic);
    prefs.set('query', query);
    gadgets.window.adjustHeight();
  }

  function Initialize() {
    var size = '__UP_size__';
    if (size.length > 0) {
      document.getElementById('size').value = size;
    }
    var query = '__UP_query__';
    if (query.length > 0) {
      document.getElementById('query').value = query;
    }
    setSelectedTopics('__UP_topic__');
    Update();
  }

  gadgets.util.registerOnLoadHandler(Initialize);
  </script>
  </Content>

इस उदाहरण और साइट के लिए दूसरे खास गैजेट को कॉन्फ़िगरेशन व्यू के साथ यहां देखा जा सकता है:
https://www.gstatic.com/sites-gadgets/news/news.xml
http://gadgets.pardonmyzinger.org/static/qrcode.xml
https://www.gstatic.com/sites-gadgets/news/youtube_news.xml

Sites गैजेट के लिए सबसे सही तरीके का पालन करना

ऐसी साइटें जिन्हें उपयोगकर्ता वेब पर अच्छी तरह देखना चाहते हैं. इन सबसे सही तरीकों को अपनाएं, ताकि आपका गैजेट Sites में इस्तेमाल की जाने वाली कई थीम के साथ आसानी से घुल-मिल जाए. गैजेट बनाने के बारे में जानने के लिए, गैजेट की खास जानकारी देखें. इस सेक्शन के बाकी हिस्से में, खास तौर पर Sites के गैजेट से जुड़े दिशा-निर्देश दिए गए हैं.

गैजेट विवरण या शीर्षक में संवेदनशील जानकारी न रखें क्योंकि आपका गैजेट सार्वजनिक रूप से देखा जा सकता है. उदाहरण के लिए, इंटरनल प्रोजेक्ट के नाम शामिल न करें.
अपने गैजेट की विज़िबिलिटी को कम करने के लिए, इसे Google गैजेट डायरेक्ट्री या किसी अन्य सार्वजनिक सूची सेवा को सबमिट न करें. इसके बजाय, सभी उपयोगकर्ताओं से इसे सिर्फ़ यूआरएल के ज़रिए शामिल करने के लिए कहें. इसके अलावा, आपके पास ऐसा यूआरएल-टाइप गैजेट बनाने का विकल्प है (न कि सभी कॉन्टेंट वाले सामान्य एचटीएमएल टाइप का) जो अपने कॉन्टेंट के लिए सिर्फ़ दूसरी फ़ाइल को कॉल करता है. इस पास-थ्रू विकल्प का इस्तेमाल करने पर, सिर्फ़ दूसरी फ़ाइल का यूआरएल दिखाया जाता है. एचटीएमएल और यूआरएल गैजेट के बीच अंतर जानने के लिए, डेवलपर की बुनियादी बातों का कॉन्टेंट टाइप सेक्शन चुनना लेख पढ़ें. इससे आपको यह भी पता चलेगा कि अपने गैजेट को मास्क करने के अन्य तरीकों के बारे में जानने के लिए, गैजेट खुद लिखने का सार्वजनिक सेक्शन है.
सबसे ज़रूरी बात, अपने गैजेट की जांच कई अलग-अलग साइटों पर करें. साइट के बैकग्राउंड के रंग, टेक्स्ट के रंग, और फ़ॉन्ट फ़ेस में बदलाव करें, ताकि आपका गैजेट कई तरह के टेंप्लेट से घुल-मिल जाए.

वापस सबसे ऊपर जाएं