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

Приветствую!

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

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

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


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

    • «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(

);});
},
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 может принимать значения dochtmlodtpdfpngrtftxtzip.
    Для презентаций — xlscsvpdfodstsvhtml.

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

Автор: Guest Rooms «Varnaflats.eu»