RealAdmin.ru

Вставляем PDF на сайт для просмотра со страницы

PDF,HTML,Сервисы
Категория: Сайтострой
23 Май 2014 г. в 12:07

Добавим pdf на сайт чтобы его содержимое выводилось прямо на странице. Для этого не будем использовать плагины и сложные решения. Всё делается одной строкой кода и онлайн-сервисом от Google. Сначала приведу эту волшебную сроку, а затем рассмотрим дополнительные возможности.

<iframe src="https://docs.google.com/viewer?url=http://RealAdmin.ru/assets/Instruction.pdf&embedded=true" 
style="width: 600px; height: 600px;" frameborder="0">Ваш браузер не поддерживает фреймы</iframe>

Результат работы:

Параметры:

  • «http://www.RealAdmin.ru/assets/Instruction.pdf» — полный путь к pdf файлу, который требуется вывести.
  • «width: 600px» — ширина фрейма для вывода.
  • «height: 600px» — высота фрейма для вывода.

Таким образом можно добавить на сайт просмотр содержимого PDF файла. При этом, вывод не зависит от браузера или движка. Сам сервис называется «Google Docs Viewer» и поддерживает вывод многих форматов документов. Вот перечень самых распространенных: doc, docx, odt, pdf, rtf, ppt, pptx.

На странице сервиса можно указать путь к документу и сгенерировать код для вставки на сайт. В результате получите приблизительно ту же самую строку, что привёл я. В заключение хочу предостеречь от излишнего использования этого способа вывода информации из документов. Их содержимое не будет индексироваться поисковыми машинами. Если есть возможность переконвертировать информацию из документа в html — сделайте это, либо позвольте посетителю скачать файл.

Теги:
PDF
Посмотрите похожее — 6
Комментарии — 13
  1. avatar trizna 31 марта 2015, 15:23 #
    Не работает.
    После слов «Результат работы:» — ничего нет, пустое поле.
    И в других случаях тоже не работает.
    1. avatar Simkin Andrew 31 марта 2015, 15:34 #
      Да, похоже Гугл удалил свой сервис Google Viewer или переделал его работу. Как узнаю — отпишу.
    2. avatar Умный 06 августа 2015, 13:38 #
      Просто нужно теперь https указывать

      Тобишь <iframe src="https://docs.google.com/viewer?url=http://www.RealAdmin.ru/assets/Instruction.pdf&embedded=true"
      style=«width: 600px; height: 600px;» frameborder=«0»>Ваш браузер не поддерживает фреймы
      1. avatar Simkin Andrew 06 августа 2015, 15:04 #
        Спасибо за подсказку, хотя сейчас и с http работает, но на всякий случай заменю.
      2. avatar Cергей 22 декабря 2015, 17:09 #
        Все равно не работает. Нет такого сервиса теперь у гугла.
        1. avatar Simkin Andrew 22 декабря 2015, 17:15 #
          Если нет, то как у меня на этой странице pdf отображается?
        2. avatar Cергей 22 декабря 2015, 21:22(был изменён) #
          У меня получилось сегодня сделать подобное через drive.google.com/ Если загрузить туда документ, потом открыть в полный размер для просмотра (и нажав справа сверху квадратик со стрелочкой открыть в новом окне), щелкнуть сверху на трех точках и выбрать в выпавшем меню — «Вписать», откроется окошко с кодом фрейма, который и нужно уже вставлять на страничку.

          Можно это же самое сделать и со своего сайта — положить в любую папку документ и прописать вместо адреса на сервере гугла путь к документу на своем сайте. И все также отлично выводится. За статью спасибо, она подтолкнула к шевелению извилинами.

          Андрей, еще подскажите, пожалуйста, как лучше выводить PDF документы — во фрейме или в браузере по адресу site.ru/folder/file.pdf?

          Как лучше для поисковых систем? Во фрейме ведь они не видят текст? А если вывести в браузере — они прочитают? Мне нужно добавить кучу нормативных документов по строительству. И стоит ли их делать доступными для индексации? ведь по сути они не уникальны?
          1. avatar Simkin Andrew 23 декабря 2015, 09:27 #
            Ну тебе тоже спасибо, надо будет попробовать.
          2. avatar Борис 20 сентября 2016, 11:02 #
            Отлично сработало!
            1. avatar Алена 28 октября 2016, 13:04 #
              Подскажите, а это работает только для pdf или документы word тоже можно так организовать? Если нет, то как сделать с word?
              1. avatar Simkin Andrew 28 октября 2016, 14:14 #
                Точно так же работает и для Word. Просто подставляете вместо PDF файл DOC или DOCX
                1. avatar Алена 29 октября 2016, 19:53 #
                  Спасибо.
                  Еще присоединюсь к вопросу Сергея:
                  «Как лучше для поисковых систем? Во фрейме ведь они не видят текст? А если вывести в браузере — они прочитают? Мне нужно добавить кучу нормативных документов по строительству. И стоит ли их делать доступными для индексации? ведь по сути они не уникальны? „
                  У меня тоже планируются не уникальные нормативные документы. Это решаемо как-то?
                  1. avatar Simkin Andrew 30 октября 2016, 12:00(был изменён) #
                    Лучше создать отдельную страницу с названием — Нормативные документы по строительству. Написать на странице от себя пару абзацев что это за документы и для чего нужны. А дальше вывести сами документы любым из способов. Сами документы лучше не индексировать, оставить в iframe. Для поисковиков это лучший вариант.
              © REALADMIN.RU   2016 г.
              Страница сгенерирована: 0,0987 s | 10 mb.
              На каком уровне Вы играете в шахматы?
              О П Р О С
              Home Question Top