Гаджеты Google

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

как вставить гаджеты Google и другие документы на сайт

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

Начнем с того, что для работы с сайтами гугл (обязательно!) использовать браузер Chrome или Internet Explorer, в других браузерах корректная работа не гарантируется, а в опере вообще ничего не работает.

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

гаджеты google

гаджеты google

Для вставки гаджета на обычный сайт достаточно нажать на кнопку формирования кода и полученный java скрипт уже вставляем в html код вашей страницы. С этим у вас трудностей не будет, но в данном примере мы рассматриваем более сложный вариант работы связанной с редактированием html кода на сайтах от google. И если вы попытаетесь просто вставить в код страницы скрипт гаджета то система вам этого сделать не позволит.

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

гаджет онлайн плеера

гаджет онлайн плеера

Вот наконец то мы добрались до ссылки на источник, она и будет нашей целью

сторонние разоаботчики гаджетов google

сторонние разоаботчики гаджетов google

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

ссылка на гаджет

ссылка на гаджет

Как вставить код гаджета Google на страницу

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

как вставить гаджет на страницу сайта

как вставить гаджет на страницу сайта

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

С помощью этого меню вы с легкостью сможете вставить в код страницы и любые другие документы

дополнительные гаджеты google

дополнительные гаджеты google

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

популярные гаджеты google

популярные гаджеты google

В открывшееся окно мы и вставляем ссылку, которую ранее скопировали из адресной строки…

добавить гаджет по url

добавить гаджет по url

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

настроить гаджет google

настроить гаджет google

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

установка гаджета радио

установка гаджета радио

Вот образец готовой страницы со вставленным плеером онлайн радио.

онлайн радио на сайт

онлайн радио на сайт

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