• ... наберите в поиске Google: sqrt(cos(x))*cos(300x)+sqrt(abs(x))-0.7)*(4-x*x)^0.01, sqrt(6-x^2), -sqrt(6-x^2) from -4.5 to 4.5
  • ...не всякое оценочное суждение должно служить модификатором поведения
  • ... сила трения - это комиссия реальности за перемещение энергии
  • ... наверх к шапке сайта можно вернуться с помощью кнопки "home"
  • ... нужна красивая кнопка на CSS - используйте наш конструктор
  • ... на нашем сайте открылся новый сервис - добавление винтажных эффектов к фото
  • ... Интернет весит больше, чем 530 миллиардов гигабайт!
  • ... участники групп Вконтакте, Google+ и Facebook знают про лампу, которая горит более ста лет, присоединяйтесь - это бесплатно же
  • ... в Microsoft Word и других редакторах неделимый пробел ставится сочетанием "ctrl+shift+space"
  • ... нажав "ctrl+alt+print scr", ты сделаешь скриншот именно активного окна в windows
  • ... снять защиту с PDF файла нереально? можно!
  • ... мы открыли магазин часов с обратным ходом и на широком ремешке добро пожаловать
  • ... прокручивать сайт вниз можно кнопкой "пробел", а вверх - "shift+пробел"
  • ... что такое реверсивный поиск изображений?
  • ... про онлайн калькулятор, который чертит графики - читаем далее
  • ... секретные смайлики Facebook - троль и ко, подробнее
  • ... что будет, если в поиске Google набрать "do a barrel roll"
  • ... как определить английский шрифт по изображению? читаем
  • ... как легко качать видео с Youtube и Vimeo?читаем далее
  • ... не сидите за компьютером больше часа без отрыва, встаньте пройдитесь!
  • ... чтобы открыть ссылку в новой вкладке браузера, достаточно при нажатии удерживать Ctrl
  • ... в английской версии Vk - нет рекламы, просто переключите язык в настройках
  • ... чтение детерминирует вербальную аддитивность
  • ... мы сами не знаем куда ведёт эта ссылка - "Мне повезёт!"
  • ... мы открыли онлайн лавку с прикольными часами, посмотреть
  • ... как удалить свой аккаунт в социальных сетях? легко и просто
  • ... используешь почту Gmail? прочитай про фильтры
  • ... вызывать диспетчер задач Windows гораздо удобнее сочетанием Ctrl+Shift+Esc, не снимая руки с мыши :)
  • ... как быстро изменить размер нескольким фото читать
  • ... Вам бесплатно, нам приятно:
  • ... онлайн тетрисы, которых Вы ещё не видели тут
Follow:

Как вставить PDF документ в свой сайт или блог?

Всем привет! Особенный привет начинающим вебмастерам и блоггерам.  Задача на сегодня очень простая — встроить PDF документ в свой сайт. Для чего это может понадобиться? Да мало ли для чего:

  • Шеф попросил Вас выложить сканированную статью из журнала, где пишут о Вашей фирме.
  • Вам нужно встроить презентацию фирмы на сайт.
  • Вам нужно встроить текст, который трудно скопировать с Вашего сайта.
  • У вас интернет магазин книг — можно выложить по странице из каждой для просмотра.

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

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

Сервис первый — Скрибд

Появился в прошлом году и уже полюбился очень многим. Работает по принципу Youtube, но только для документов. Понимает следующие форматы:

  • таблицы XSL
  • презентации PPT и демонстрации PPS
  • документы Word
  • документы PDF
  • текстовые файлы RTF и TXT


А также документы пакета Microsoft Office 2007 и выше (те что — docx, xslx, pptx и т.д.). Мы специально для этой статьи подготовили минимальную презентацию в PDF. Её и  результат работы сервиса можно посмотреть ниже:

Как это сделано?

Сперва, Вам необходимо выполнить вход на сайт. Можно сразу загрузить файл, но могут быть ошибки с сохранением. Вход можно произвести аккаунтом Facebook или путем стандартной регистрации:

Внимание!!! Если Вы вошли через свой профиль Facebook, произойдет связывание аккаунтов и, если Вы в будущем удалите эту связь, то аккаунт в Скрибде тоже удалится со всеми Вашими файлами.

Загрузка документов в сервис ничем не отличается от загрузки видео вконтакте или youtube. Файлы можно загрузить с Вашего компьютера, а также импортировать онлайн документы Google или создать текстовый документ :

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

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

После завершения загрузки файла, нужно ввести описание, заголовок (необязательно), рубрику и сохранить изменения:

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

Настроек вида вставки увы, нет, но можно настроить стартовое отображение в вариантах показа:

  • book — в виде книги (такой как у нас выше)
  • slide — в виде презентации, листает влево-вправо
  • scroll — с прокруткой вниз (как обычно в настольных приложениях)


Недостаток кода (для SEO параноиков) в том, что в нем присутствует ещё и ссылка на документ в заголовке, но её можно убрать, удалив в начале кода все, что между тегами <a>…</a>, включая их самих.

Воспользоваться сервисом Скрибд

Второй сервис — Slideshare

Крайне популярный и раскрученный сервис. Изначально был рассчитан на просмотр презентаций формата PPT онлайн, но со временем присоединились все популярные форматы файлов. Также добавлена функция загрузки видеофайлов. Как это будет выглядеть на Вашем сайте:

Вариантов просмотра меньше и они устанавливаются в зависимости от типа документа — PDF пролистывается вниз, презентации — как обычно в PowerPoint. Настроить вид Вы также не сможете, кроме того, приватно загрузить файл можно только в версии Pro (от 19 уе в месяц).

Загружать файлы ничуть не труднее, чем на Ютуб или том же Скрибде:

Лишний код также имеется как перед вставкой, так и после неё.  Их можно удалить — для этого удаляем все кроме кода в тегах <object>…</object>, их тоже оставляем «в живых». Ограничение загрузки 100 мегабайт на документ, для платных аккаунтов — 500.

Воспользоваться сервисом Слайдшеа

Третий сервис — Google Viewer

Если качество отображения изображений в презентации или PDF Вас не сильно волнует, можно воспользоваться интересной сервисной страницей от Google. Это трудно назвать полноценным сервисом, но также можно использовать для вставки PDF на сайт.

Недостатки такого способа:

  • Embed отдается только в виде фрейма и многие блог площадки не допустят его показа.
  • Вам нужно будет сохранить файл в интернет, так как для обработки сервису нужна ссылка.

Первый пункт обойти Вам не удастся, но второй легко обходится, если загрузить файлы к себе в аккаунт Google. Работа сервиса крайне аскетична и элементарна:

Преимущества использования Google:

  • Вы не закачиваете файл для общего просмотра, и распространять можете изначально только Вы.
  • Скорость работы, стабильные сервера.
  • Вам не нужен даже аккаунт в Google для использования этого сервиса.

Как это выглядит на сайте:

Воспользоваться сервисом Google

Резюме (желательно прочесть)

Мы рассмотрели три интересных онлайн сервиса, каждый из них обладает своими достоинствами и недостатками. Советовать лучший не будем (шепотом: «но круче всего Скрибд»), но у всех троих пока ещё есть минус в том, что они не могут полноценно проигрывать презентации PPT онлайн. В смысле того, что все эффекты — вылеты, закручивания и в таком духе попросту не сохранятся и на слайде будет просто статичный рисунок.

Самое смешное, что вставки документов на вебсайт можно получить c помощью Office Live от Майкрософт, но там также эффекты не работают, да и сделать это сложнее на порядок.

Как на самом деле выглядит наша мини презентация?

В остальном, эти высокотехнологичные сервисы значительно помогут Вам в увеличении полезности и информативности Вашего сайта или блога. Удачи Вам и спасибо за потраченное время!

Комментарии(15)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

  1. А как из тестового документа сделать пдф? Что у меня не загрузился простой текст. Браузер Хром. Заранее спасибо.

    • Откройте документ в хром, запустите печать — выберите вместо принтера — сохранить как пдф

  2. Не совсем ясно — сервис scribd платный или бесплатный? Пишет при регистрации, что месяц можно юзать бесплатно. А если нужно просто размещать свои документы не читая платный контент других авторов?

  3. Весьма полезная статья!
    Однако, вот какая штука — относительно сервиса Google получается что работает только вариант указания в Google Viewer ссылки на pdf файл загруженный в любое место в сети, но, только не в google docs!! Забавное решение, конечно.. т.е. получить ссылку на размещение во фрейме на странице pdf файла из своего аккаунта в Google docs не получается вообще никак!!!

    • У гиганта — много глупостей таких, вот, например, те же вложения он в свой же диск не может сохранять сам автоматом

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

  5. Я почему то чаще всего встречаю issuu.com
    Скажите, а какие плюсы хранения pdf файлов у себя на хостинге с точки зрения поискового трафика?

    • При поиске документов формата PDF — будете в выдаче, кроме того, OCR совершенствуется и скоро поиск по PDF будет вполне полноценным.