Встраивание эмиту
Мне нужно вставить документ IssuU в веб-сайт. Администратор веб-сайта должен иметь возможность решать, какой документ отображается на веб-интерфейсе.
Это простая задача, используя ссылку для встраивания на странице выдачи. Но мне нужно настроить некоторые параметры - например, отключить общий доступ, установить размеры и так далее. Я не могу полагаться на администраторов, выполняющих этот процесс каждый раз, когда им нужно изменить документ.
Я могу легко настроить код для вставки в Issuu по своему вкусу, и все, что мне нужно, это идентификатор документа. К сожалению, идентификатор не включен в страницу выпуска для документа. Например, идентификатор для этой случайной ссылки бывает 110209071155-d0ed1d10ac0b40dda80dad24166a76ee, который нигде не найти, ни в URL, ни просто внутри страницы. Вы должны покопаться во встроенном коде, чтобы найти его.
Я думал, что API Issu может позволить мне получить идентификатор документа по его URL, но я не могу найти ничего подобного. Наиболее близким соответствием является API поиска, но если я ищу точное имя документа, я получу только одно совпадение для другого документа!
Есть ли какой-нибудь простой способ внедрить документ, зная только его URL? Или простой способ для не технического специалиста найти идентификатор документа на странице?
4 ответа
К сожалению, единственный способ для вас - это оплатить услугу, которая составляет 39$ в месяц = /.
Вы можете включить полноэкранный режим без рекламы, используя
<body style="margin:0px;padding:0px;overflow:hidden">
<iframe src="YOUR ISSU EMBED" frameborder="0" style="overflow:hidden;height:105%;width:105%;position:absolute;" height="100%" width="100%""></iframe>
</body>
Вы можете встраивать, конечно, стеки, но это не показано на сайте Issuu. Это код (старый код, но он работает):
<iframe src="http://static.issuu.com/widgets/shelf/index.html?folderId=FOLDERIDamp;theme=theme1&rows=1&thumbSize=large&roundedCorners=true&showTitle=true&showAuthor=false&shadow=true&effect3d=true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="200"></iframe>
FOLDERID - это число из 36 символов, которые вы получаете в адресной строке при вводе стеков (пример: https://issuu.com/username/stacks/FOLDERID). Когда вы заменяете это в коде, вы должны вставить 36 символов в этом формате 8-4-4-4-12 с - между символами. И вуаля его работает. Вы можете изменить тему и другие материалы в коде.
Идентификатор документа находится в источнике HTML каждого документа. Он находится в мета-свойстве og:video.
<meta property="og:video" content="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf?mode=mini&documentId=XXXXXXXX-XXXXXXXXXXXXX&pageNumber=0">
Вы можете легко справиться с этим, используя php-классы DomDocument и DomXPath.
Вот как с помощью PHP:
// Your document URL
$url = 'https://issuu.com/proyectotres/docs/proyecto_3_edicion_135';
// Turn off errors, loads the URL as an object and then turn errors on again
libxml_use_internal_errors(true);
$dom = DomDocument::loadHTMLFile($url);
libxml_use_internal_errors(false);
// DomXPath helps find the <meta property="og:video" content="http://hereyoucanfindthedocumentid?documentId=xxxxx-xxxxxxx"/>
$xpath = new DOMXPath($dom);
$meta = $xpath->query("//html/head/meta[@property='og:video']");
// Get the content attribute of the <meta> node and parse its query
$vars = [];
parse_str(parse_url($meta[0]->getAttribute('content'))['query'], $vars);
// Ready. The document ID is here:
$docID = $vars['documentId'];
// You can print it:
echo $docID;
Вы можете попробовать это с URL вашего собственного документа Issu.
Вы можете использовать URL-адрес Issuu вашего документа для завершения этого iframe:
<iframe width="100%" height="283" style="display: block; margin-left: auto; margin-right: auto;" src="https://e.issuu.com/issuu-reader3-embed-files/latest/twittercard.html?u=nantucketchamber&d=program-update1&p=1" frameborder="0" allowfullscreen="allowfullscreen" span="" id="CmCaReT"></iframe>
Вам просто нужно заменить «nantucketchhamber» на имя пользователя и «program-update1» на имя файла в URL-адресе Issuu.
(для этого примера URL-адрес https://issuu.com/nantucketchamber/docs/program-update1)