Хостинг галерей и документов сайта на Google

23 Апр
2012

Приветствую!
Хочу поделится способом, позволяющим существенно сэкономить драгоценное место на хостинге.

Как известно, в альбомах Google+ (и Веб-альбомах Picasa) можно хранить неограниченно количество изображений, чьи размеры не превышают 2048 x 2048 пикселей (при загрузке через Google+ размеры уменьшат автоматически).

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

А делается это просто (подразумевается наличие jQuery):

<ul id="photo"></ul>
<script type="text/javascript">							
	$.ajax({
		type: 'GET',
		url: 'https://picasaweb.google.com/data/feed/base/user/USERNAME/albumid/ALBUMID?alt=json&thumbsize=' + 80,
		success : function(data){
			$.each(data.feed.entry, function(i,item){
																			
				$.each(item.media$group.media$content, function(i,item){ photoUrl = item.url; });																	
				$.each(item.media$group.media$thumbnail, function(i,item){ photoThumb = item.url; });
									
				photo = photoUrl.split('/')[7];
				photoUrl = photoUrl.replace(photo, 's1200/' + photo);
											
				photoTitle = item.media$group.media$title.$t;
				if (photoTitle == photo) photoTitle = '';							
				
				$('#photo').append('<li><a href="' + photoUrl + '" title="' + photoTitle + '"><img src="'  + photoThumb + ' alt="" /></a></li>');
				
			});
		},
		dataType: 'json',
		async: false
	});
</script>


Чуть подробнее:
  • В строке «url: ‘https://picasaweb.google.com/data/feed/base/user/USERNAME/albumid/ALBUMID?alt=json&thumbsize=’ + 80«

    USERNAME — ваш Google-логин либо id
    ALBUMID — id альбома (узнать просто: при просмотре в Google+ альбомы имеют адрес вида plus.google.com/u/0/photos/USERID/albums/ALBUMID)
    80 — ширина изображения для предпросмотра

  • В строке «photoUrl = photoUrl.replace(photo, ‘s1200/’ + photo);»
    1200 — ширина «большого» изображения

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

Что касается документов


Принцип схож.
«При подсчете свободного места в хранилище учитываются только загруженные файлы (PDF, DOC, JPG и др.). Файлы в форматах Документов Google не занимают дисковое пространство.«
И при этом мы свободно можем вставлять в документы уже загруженные изображения из альбомов Google+ 🙂

Для вывода же документов на нашем сайте есть два способа:
  1. Публикация в Интернете
    «Файл -> Опубликовать в Интернете…»
    Получаем ссылку вида «docs.google.com/document/pub?id=ID» (для презентаций — «docs.google.com/spreadsheet/pub?output=html&key=ID«).
    По этим ссылкам документы будут выдаваться в виде страницы с их содержимым, без какого либо стороннего оформления за исключением скромного копирайта Документов Google внизу.
    Таким образом, использую какой-нибудь Fancybox, мы получаем возможность показать содержимое документа через iframe прямо на странице нашего сайта.

  2. Скачать файл
    «Файл -> Совместный доступ… -> Общедоступно в Интернете: найти и просмотреть элемент может любой пользователь»
    Теперь достаточно указать ссылку «docs.google.com/feeds/download/documents/Export?exportFormat=doc&id=ID» (для презентаций — «spreadsheets.google.com/feeds/download/spreadsheets/Export?exportFormat=xls&key=ID«).

    Для документов exportFormat может принимать значения doc, html, odt, pdf, png, rtf, txt, zip.
    Для презентаций — xls, csv, pdf, ods, tsv, html.


Надеюсь на инвайт, эти простые способы вам пригодятся.
Берегите свободное пространство! 🙂
По материалам Хабрахабр.



загрузка...

Комментарии:

Наверх