среда, 31 августа 2016 г.

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

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

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

Как известно, в альбомах 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 может принимать значения dochtmlodtpdfpngrtftxtzip.
    Для презентаций — xlscsvpdfodstsvhtml.


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

0 коммент.:

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