Добро Пожаловать! Вы Впервые На Блоге? Вам Понравился Материал? Убедитесь Что Вы Получаете Мои Статьи На Свой Email. Спасибо Что Зашли и Хорошего Дня!

5 мая 2010 г.

Как создать свой гаджет для Google Sites

Что ж, мне очень приятно, что партнеры группы все время растут и у них появляются новые вопросы и проблемы, которым необходимо находить решения.

Вчера, мне задали вот такой интересный вопрос:
"А как на моем сайте Google вставить готовую подписную форму?"

Дело в том, что Google, несмотря на постоянно расширяющийся набор предоставляемых нам бесплатных инструментов, блокирует в целях безопасности различные коды, которые пользователь пытается самостоятельно добавить на свою страницу.

Несмотря на это, проблема на самом деле решается очень просто. Чтобы вставить на свой сайт на Google нужный вам код, который обычным путем вставить не удается, вам необходимо создать свой гаджет.

Да, мы давно уже знакомы с разными видами гаджетов, которые используем на своим блогах и сайтах, но до сих пор мы пользовались уже готовыми инструментами.

Сегодня мы научимся создавать свои собственные гаджеты для решения своих локальных задач сайта.

Итак, чтобы создать гаджет достаточно создать вего лишь один файл - XML.

Как это сделать:

Все что нам потребуется для этого, это обычный "Блокнот" (программа для создания простых текстовых файлов типа .txt, которая присутствует в любой версии операционной системы windows) и готовый (или созданный нами) код, который мы хотим превратить в гаджет.

Этапы создания гаджета:
  1. Откройте программу Блокнот и впишите в нее следующий код (смотри картинку). Обратите внимание на то, что текст выделенный красным цветом мы заменяем на свой. В нашем случае это будет готовый код подписной формы.








  2. Теперь нам нужно правильно сохранить созданный файл.

    Для этого заходим в меню Файл -> выбираем Сохранить как... -> выбираем место где будем сохранять наш файл (это может быть рабочий стол или специально отведенная для этого библиотека на вашем жестком диске) ->даем название нашему файлу латинскими буквами -> сразу после имени файла пишем окончание .xml без всяких пробелов -> открываем окно выбора кодировки (смотри картинку ниже) и выбираем кодировку UTF-8 -> нажимаем на кнопку Сохранить.

  3. Теперь созданный файл нужно сохранить где-нибудь в сети. В принципе, его можно сохранить и на вашем сайте. Для этого вы заходите в меню Дополнительные действия и выбираете Управление сайтом.

  4. На странице Управление сайтом заходите в меню Приложения и загружаете на сайт созданный файл, нажав на кнопку Добавить.

  5. После добавления вашего файла, он появиться в списке добавленных приложений. Нажмите правой клавишей мыши по линку против названия вашего файла в колонке Местоположение и выберите опцию Копировать ссылку.

  6. Теперь вернитесь обратно на свой сайт и зайдите или создайте страницу на которой вы хотите разместить свой гаджет. Нажмите на кнопку Редактировать страницу.

  7. Поставьте курсор в место где вы хотите разместить свой гаджет. Зайдите в меню Вставить и выберите Дополнительные гаджеты... в конце списка меню.

  8. Нажмите на меню Добавить гаджет по URL и вставьте раннее скопированный адрес вашего файла в окошко для ввода URL-адреса. Нажмите на кнопку Добавить.

  9. Нажмите OK.
Что нужно помнить публикуя свой гаджет:
  • Если делаете какое-либо изменение в файле вашего гаджета, вам будет необходимо обновленный файл перепубликовать.

  • Помните, что частных гаджетов не бывает. Поэтому публикуя свой гаджет на общедоступном веб-сайте, люди смогут найти и просмотреть его. Ни в коем случае не включайте в него личную информацию, например свой номер телефона или адрес электронной почты.
Дополнительную информацию о создании своих гажетов вы можете посмотреть здесь.


Желаю Вам интересно проведенного времени и креатива в создании своих гаджетов.



Как всегда с вами была Лариса Гринберг, автор и ведущая онлайн школ LGroup.

Нашли этот пост интересным или полезным? Подпишитесь на обновления и сможете получать их регулярно.

Рассказать другим:



Related Posts with Thumbnails

17 комментариев:

Ксения комментирует...

Люблю я конкретные инструментики и технические секретики от Ларисы! Вопрос про добавление рассылки я тоже задавала, сама пробовала, и даже получилось, но как - вряд ли расскажу ))) Лариса, Вы прирожденный преподаватель! Спасибо!

Лариса Гринберг комментирует...

Спасибо, Оксана. Всегда приятно обучать тех, кто желает обучаться. А такие активные ученики как Вы, задают хороший ритм и не позволяют тебе дремать на ходу. Это мой драв, мой заряд энергии, которые подпитывают меня и обогащают источник моего креатива и желания двигаться дальше.
Жду с нетерпением ваши новые вопросы.

ЕМПИ комментирует...

Скажите, а как на сайты Гугл на боковую панель добавить код от Скайпа, чтобы пользователи сайта видели, когда я в скайпе? Гугл блокирует этот код. С уважением, Макс euroyouthenterprise@gmail.com

Лариса Гринберг комментирует...

ЕМПИ, на боковую панель вы можете добавлять только панель навигации, текстовый гаджет, рекламный блок AdSense и еще несколько информационных гаджетов, указанных в списке гаджетов боковой панели.

Все остальные гаджеты, в том числе и созданные вами лично, вы можете добавлять только на страницах сайта. При этом если есть гаджет, который должен появляться на каждой странице, то его просто нужно вставить в заготовку страницы (шаблон) и дальше создавать каждую новую страницу из такого шаблона.

Что касается боковой панели, в некоторых случаях вы можете добавить свой html-код вовнутрь текстового гаджета, если он не нарушает правил публикации кода в рамках вашего ресурса.

bluma комментирует...

Здравствуйте. Большое спасибо за подробную инструкцию)))
Однако, у меня возникли сложности с п.5. После добавления файла, он появился в списке добавленных приложений. Но, в колонке Местоположение нет линка и в контекстном меню нет опции Копировать ссылку, а только Копировать адрес ссылки. Подскажите, пожалуйста, что делать.
Спасибо.

Лариса Гринберг комментирует...

Bluma, именно это вам и нужно сделать, т.е. скопировать адрес ссылки вашего созданного гаджета. Это тоже самое.

bluma комментирует...

Увы, так не работает.

Люа Цикада комментирует...
Этот комментарий был удален автором.
Людмила комментирует...

Здравствуйте, Лариса.
Огромное Вам спасибо за статью. У меня это больной вопрос. Попыталась, но возникли вопромы (я из начинающих) - что свтавлять в одном и во втором случае в указанные Вами места в коде гаджета?
В настройках моего сайта отсутствует функция Автоматическая настройка боковой панели,когда перехожу к МАКЕТ САЙТА в доп. настройках - в боковой панели отсутствует "ИЗМЕНИТЬ".
Те гаджеты, что предлагается - меня не устраивают.
С уважением Людмила.
в скайпе - ivushka918.
При написании этого письма - вместо букв одни значки - писала вслепую - извините за орфографию.

Елена Калиберда комментирует...

Спасибо, Лариса, за подробную инструкцию! Только я затрудняюсь написать код самого гаджета. Мне хочется создать гаджет для форума. Видела готовые подобные гаджеты, но заменой адреса форума дело не решается. Вы можете мне помочь?! Заранее благодарна!

Larisa Greenberg комментирует...

Елена, если вы создаете свой сайт на базе GoogleSites, то вам не нужно ничего мудрить с созданием гаджета для форума. Просто воспользуйтесь ресурсом Google Groups:
http://groups.google.com.

Создайте свою тематическую группу и вставьте код подписки в группу на своем сайте. Принцип работы тот же, что и у любого форума. Попробуйте.

Вы можете создавать неограниченное колличество таких групп, как отрытых, так и закрытых, по личному приглашению, или по одобрению заявки на участие в группе.

Прекрасный ресурс, которым я не мало пользовалась.

Также как и для любого форума необходимо оговорить правила участия, чтобы был порядок в группе.

Пробуйте! Это ПРОСТО!!!

Елена Калиберда комментирует...

Спасибо!

vagus комментирует...

Larisa Greenberg, благодарю за прекрасный урок. Жаль только что таких уроков очень мало, а настройки и опции на сайтах быстро меняются, поэтому не всегда описанное совпадает с тем что делаешь. Особенно это становится большой проблемой для новичков.
У меня возникла та же проблема которую описал выше bluma. Но постараюсь описать подробнее. Делал все по пунктам в 4м пункте не было "Добавить", скорей всего поменяли название на "Загрузить", но возможно я не нашел "Добавить" . Возможно из за этого когда делал описанное в 5м пункте под "Местоположение" не было ссылки . Был только вот такой значек "/" . А при копировании обычной ссылки (т.к. файл загрузился и качался успешно). После прохождения 8го пункта выдало:
-- "Добавленный гаджет недействителен
Unsupported feature: org.apache.shindig.common.xml.XmlException: The element type "meta" must be terminated by the matching end-tag "". At: (1376,5)
"
Скорей всего проблема с загрузкой и получением ссылки. Подскажите как загрузить этот созданный гаджет вконтакте что бы получить прямую ссылки которую потом можно добавить в урл и отобразить на странице?
Данные гаджеты интересная идея, но по сравнению с обычным старой доброй вставкой html кода в нужное место сайта, довольно запутанные...

vagus комментирует...

п.с. Теперь как то удалось добавить гаджет вконтакте, но он не грузится пишет:
-- "Please specify correct base domain name in app settings, or use widget only in sites.google.com/*"

Дмитрий Романов комментирует...

Благодарю! Помогли! Установил гаджеты социальных сетей =) Рад.

Lena Babina комментирует...
Этот комментарий был удален автором.
Олег Кирюшин комментирует...

Ничего не вышло, как ни пытался. Wrong address, в лучшем случае.

Отправить комментарий