Инструкция по интеграции с InstallPack.ru

by Vladimir

HTML

<h1>Инструкция по интеграции с InstallPack.net</h1>
<h2>Требования</h2>
<p>
  На вашем сайте должен быть установлен Google Analytics. Достаточно вашего существующего кода Anlytics, наш код вставлять не надо.<br />
  На вашем сайте должен быть подключен jQuery версии не ниже 1.7.
</p>

<h2>Подготовка</h2>
<p>
  Вы предоставляете нам список программ на вашем сайте в формате csv, мы возвращаем вам этот файл с заполненными slug'ами для каждой программы, которая есть в InstallPack.
</p>

<h2>Вставляемый на сайт код</h2>

<h3>1. Получение cid и uid. Скрипт подключаем в &lt;head&gt;</h3>
<pre>&lt;script src="https://authentication.me/auth.php">&lt;/script></pre>

<h3>2. Блок скачивания программы</h3>
<p><a target="_blank" href="https://jsfiddle.net/br3t/LobtrLx9/">Исходные HTML и CSS</a></p>

<p>Переменные в фигурных скобках меняются на требуемые значения:</p>
  <ul>
    <li><b>{APP_NAME}</b> - название скачиваемой программы</li>
    <li><b>{YOUR_DOMAIN}</b> - домен вашего сайта</li>
    <li><b>{YOUR_SITE}</b> - название вашего сайта</li>
    <li><b>{CLEAR_LINK}</b> - ссылка на скачивание без InstallPack</li>
    <li><b>{CLEAR_FILE_NAME}</b> - название файла без InstallPack</li>
    <li><b>{SLUG}</b> - slug программы</li>
  </ul>


<h3>3. Проброс необходимых параметров в ссылку. Этот код можно вставить в самый конец body</h3>

<pre>&lt;!-- Google Tag Manager -->
&lt;noscript>&lt;iframe src="//www.googletagmanager.com/ns.html?id=GTM-TCS9ZZ"
height="0" width="0" style="display:none;visibility:hidden">&lt;/iframe>&lt;/noscript>
&lt;script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&amp;l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TCS9ZZ');&lt;/script>
&lt;!-- End Google Tag Manager --></pre>

CSS

body {
  font-family: Verdana, sans-serif;
  background: #FFF;
}
pre {
  font-family: monospace;
  margin: 0 0 0 20px;
  padding: 10px;
  border-left: 3px solid #444;
  background: #EEE;
}