Аудит канала Фронтенд Гайд

Годная JS-либа для реализации drag-and-drop списков — Sortable Живёт уже не первый год, проверена временем и продом. Поддерживает…Открыть в Telegram ↗

📂 Напоминалка для работы с JavaScript! Например, let и const используются для корректного объявления переменных, map и forEach — для…Открыть в Telegram ↗

HTML-совет Не используй input type="number" для важных числовых полей — типа почтового индекса, номера карты и т.п. Почему? - На десктопе…Открыть в Telegram ↗

👩‍💻 Управляем резиновым ресайзом одной строкой! Пользователь может растянуть как угодно, и это часто ломает layout, вылазит за…<span class="post__open-tg">Открыть в Telegram ↗</span></p></a> </div> <div class="post__metrics"> <span class="post-metric">Просм.<b class="num">877</b></span> <span class="post-metric">Реакц.<b class="num">5</b></span> <span class="post-metric">Реп.<b class="num">2</b></span> <span class="post-metric">ER<b class="num">11.4%</b></span> </div> </article> <article class="post"> <div class="post__rank"> <a href="https://t.me/frontendGA/3995" target="_blank" rel="noopener" style="color:inherit;text-decoration:none" title="Открыть пост в Telegram">№5 <span style="font-size:14px;opacity:.5">↗</span></a> </div> <div> <div class="post__head"><span class="post__date">01.09 · 10:53</span><span class="badge badge--photo">Фото</span></div> <a href="https://t.me/frontendGA/3995" target="_blank" rel="noopener" class="post__text-link" title="Открыть пост в Telegram"><p class="post__text">Возможно, вы не знали, что можно напрямую получить значение числового input-поля как число с помощью valueAsNumber. Ручное преобразование…<span class="post__open-tg">Открыть в Telegram ↗</span></p></a> </div> <div class="post__metrics"> <span class="post-metric">Просм.<b class="num">837</b></span> <span class="post-metric">Реакц.<b class="num">6</b></span> <span class="post-metric">Реп.<b class="num">2</b></span> <span class="post-metric">ER<b class="num">10.9%</b></span> </div> </article> </div> </div> <div class="tab-panel" data-tab="worst" data-active="false"> <div class="post-list"> <article class="post"> <div class="post__rank" style="color:var(--ink-4)">↓</div> <div> <div class="post__head"><span class="post__date">11.09 · 17:17</span><span class="badge badge--photo">Фото</span></div> <a href="https://t.me/frontendGA/4007" target="_blank" rel="noopener" class="post__text-link" title="Открыть пост в Telegram"><p class="post__text">Как адаптировать компонент по ширине контейнера, а не экрана Обычные media-запросы ориентируются на ширину окна браузера. Но один и тот же…<span class="post__open-tg">Открыть в Telegram ↗</span></p></a> </div> <div class="post__metrics"> <span class="post-metric">Просм.<b class="num">648</b></span> <span class="post-metric">Реакц.<b class="num">12</b></span> <span class="post-metric">Реп.<b class="num">5</b></span> <span class="post-metric">ER<b class="num" style="color:var(--bad)">8.4%</b></span> </div> </article> <article class="post"> <div class="post__rank" style="color:var(--ink-4)">↓</div> <div> <div class="post__head"><span class="post__date">17.09 · 09:40</span><span class="badge badge--photo">Фото</span></div> <a href="https://t.me/frontendGA/4013" target="_blank" rel="noopener" class="post__text-link" title="Открыть пост в Telegram"><p class="post__text">👁 Как отследить появление элемента на экране IntersectionObserver сообщает, когда элемент входит в область видимости пользователя или…<span class="post__open-tg">Открыть в Telegram ↗</span></p></a> </div> <div class="post__metrics"> <span class="post-metric">Просм.<b class="num">613</b></span> <span class="post-metric">Реакц.<b class="num">7</b></span> <span class="post-metric">Реп.<b class="num">3</b></span> <span class="post-metric">ER<b class="num" style="color:var(--bad)">8.0%</b></span> </div> </article> <article class="post"> <div class="post__rank" style="color:var(--ink-4)">↓</div> <div> <div class="post__head"><span class="post__date">16.09 · 09:40</span><span class="badge badge--photo">Фото</span></div> <a href="https://t.me/frontendGA/4012" target="_blank" rel="noopener" class="post__text-link" title="Открыть пост в Telegram"><p class="post__text">🎠 Карусель с CSS без JavaScript CSS Scroll Snap позволяет автоматически фиксировать прокрутку на ближайшей карточке. Настраиваем…<span class="post__open-tg">Открыть в Telegram ↗</span></p></a> </div> <div class="post__metrics"> <span class="post-metric">Просм.<b class="num">578</b></span> <span class="post-metric">Реакц.<b class="num">6</b></span> <span class="post-metric">Реп.<b class="num">11</b></span> <span class="post-metric">ER<b class="num" style="color:var(--bad)">7.5%</b></span> </div> </article> </div> </div> </div> </section> <section class="section" id="subs-growth"> <div class="container"> <div class="section__head"> <span class="kicker">Раздел 03 · Динамика подписчиков</span> <h2 class="section__title">Как канал рос за год</h2> <p class="section__sub">График роста подписчиков за год. На ключевых месяцах подписано точное число подписчиков. Видно, в какие месяцы канал прибавлял, а в какие подписчики уходили.</p> </div> <div class="subs-chart"> <svg viewBox="0 0 920 320" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" style="width:100%;height:100%;"><rect x="0" y="0" width="920" height="320" fill="transparent"/><line x1="60" y1="32.0" x2="896" y2="32.0" stroke="#E8E4DA" stroke-width="1"/><text x="50" y="36.0" text-anchor="end" font-family="JetBrains Mono, monospace" font-size="10" fill="#9A9AA8">8.1K</text><line x1="60" y1="90.0" x2="896" y2="90.0" stroke="#E8E4DA" stroke-width="1"/><text x="50" y="94.0" text-anchor="end" font-family="JetBrains Mono, monospace" font-size="10" fill="#9A9AA8">7.6K</text><line x1="60" y1="148.0" x2="896" y2="148.0" stroke="#E8E4DA" stroke-width="1"/><text x="50" y="152.0" text-anchor="end" font-family="JetBrains Mono, monospace" font-size="10" fill="#9A9AA8">7.1K</text><line x1="60" y1="206.0" x2="896" y2="206.0" stroke="#E8E4DA" stroke-width="1"/><text x="50" y="210.0" text-anchor="end" font-family="JetBrains Mono, monospace" font-size="10" fill="#9A9AA8">6.6K</text><line x1="60" y1="264.0" x2="896" y2="264.0" stroke="#E8E4DA" stroke-width="1"/><text x="50" y="268.0" text-anchor="end" font-family="JetBrains Mono, monospace" font-size="10" fill="#9A9AA8">6.1K</text><line x1="60.0" y1="32.0" x2="60.0" y2="264.0" stroke="#F2EEE3" stroke-width="1"/><line x1="87.9" y1="32.0" x2="87.9" y2="264.0" stroke="#F2EEE3" stroke-width="1"/><line x1="159.9" y1="32.0" x2="159.9" y2="264.0" stroke="#F2EEE3" stroke-width="1"/><line x1="229.5" y1="32.0" x2="229.5" y2="264.0" stroke="#F2EEE3" stroke-width="1"/><line x1="287.6" y1="32.0" x2="287.6" y2="264.0" stroke="#F2EEE3" stroke-width="1"/><line x1="359.6" y1="32.0" x2="359.6" y2="264.0" stroke="#F2EEE3" stroke-width="1"/><line x1="424.6" y1="32.0" x2="424.6" y2="264.0" stroke="#F2EEE3" stroke-width="1"/><line x1="496.6" y1="32.0" x2="496.6" y2="264.0" stroke="#F2EEE3" stroke-width="1"/><line x1="566.2" y1="32.0" x2="566.2" y2="264.0" stroke="#F2EEE3" stroke-width="1"/><line x1="638.2" y1="32.0" x2="638.2" y2="264.0" stroke="#F2EEE3" stroke-width="1"/><line x1="707.9" y1="32.0" x2="707.9" y2="264.0" stroke="#F2EEE3" stroke-width="1"/><line x1="779.9" y1="32.0" x2="779.9" y2="264.0" stroke="#F2EEE3" stroke-width="1"/><line x1="851.9" y1="32.0" x2="851.9" y2="264.0" stroke="#F2EEE3" stroke-width="1"/><path d="M60.0,142.1 L62.3,142.5 L64.6,142.9 L67.0,143.2 L69.3,143.0 L71.6,144.1 L73.9,144.6 L76.3,145.0 L78.6,145.3 L80.9,145.5 L83.2,144.6 L85.5,145.2 L87.9,145.7 L90.2,145.9 L92.5,146.6 L94.8,146.9 L97.2,147.5 L99.5,148.3 L101.8,149.1 L104.1,148.9 L106.4,149.4 L108.8,149.9 L111.1,150.1 L113.4,150.0 L115.7,151.0 L118.1,151.3 L120.4,151.6 L122.7,152.1 L125.0,151.5 L127.3,151.6 L129.7,152.1 L132.0,152.6 L134.3,153.4 L136.6,153.2 L139.0,153.5 L141.3,153.5 L143.6,153.7 L145.9,154.8 L148.2,154.9 L150.6,156.0 L152.9,156.5 L155.2,156.5 L157.5,157.2 L159.9,157.3 L162.2,157.4 L164.5,157.5 L166.8,157.6 L169.1,158.7 L171.5,158.9 L173.8,159.4 L176.1,159.7 L178.4,159.9 L180.8,160.2 L183.1,160.0 L185.4,160.0 L187.7,159.8 L190.0,160.2 L192.4,160.3 L194.7,160.6 L197.0,161.6 L199.3,161.8 L201.7,162.0 L204.0,162.0 L206.3,162.0 L208.6,162.1 L210.9,163.0 L213.3,163.7 L215.6,163.6 L217.9,163.4 L220.2,163.7 L222.6,164.5 L224.9,165.2 L227.2,165.2 L229.5,166.2 L231.8,166.1 L234.2,167.6 L236.5,168.1 L238.8,169.2 L241.1,169.4 L243.5,169.9 L245.8,170.1 L248.1,170.3 L250.4,170.7 L252.7,171.0 L255.1,171.5 L257.4,172.3 L259.7,172.6 L262.0,172.8 L264.4,173.2 L266.7,173.6 L269.0,174.0 L271.3,173.9 L273.6,174.8 L276.0,175.5 L278.3,175.5 L280.6,180.2 L282.9,180.4 L285.3,175.5 L287.6,176.0 L289.9,176.5 L292.2,177.4 L294.5,178.0 L296.9,178.4 L299.2,179.2 L301.5,179.4 L303.8,180.0 L306.2,180.5 L308.5,181.0 L310.8,182.4 L313.1,183.3 L315.4,183.9 L317.8,184.6 L320.1,184.9 L322.4,185.3 L324.7,186.0 L327.1,186.8 L329.4,187.1 L331.7,187.4 L334.0,188.0 L336.3,189.0 L338.7,189.4 L341.0,189.9 L343.3,190.2 L345.6,191.2 L348.0,191.4 L350.3,191.4 L352.6,192.0 L354.9,193.0 L357.2,193.4 L359.6,193.5 L361.9,194.2 L364.2,195.0 L366.5,195.4 L368.9,196.0 L371.2,196.2 L373.5,197.4 L375.8,197.6 L378.1,198.1 L380.5,198.2 L382.8,198.4 L385.1,199.0 L387.4,199.4 L389.8,199.6 L392.1,200.1 L394.4,200.3 L396.7,200.9 L399.0,201.4 L401.4,201.6 L403.7,201.6 L406.0,201.7 L408.3,202.0 L410.7,203.0 L413.0,203.9 L415.3,204.4 L417.6,204.7 L419.9,204.9 L422.3,205.9 L424.6,206.3 L426.9,207.2 L429.2,207.4 L431.6,207.9 L433.9,208.8 L436.2,208.9 L438.5,209.0 L440.8,209.5 L443.2,209.6 L445.5,210.2 L447.8,210.6 L450.1,210.9 L452.5,211.3 L454.8,211.4 L457.1,211.6 L459.4,211.9 L461.7,212.2 L464.1,212.5 L466.4,212.8 L468.7,213.1 L471.0,213.3 L473.4,213.7 L475.7,213.9 L478.0,214.1 L480.3,214.3 L482.6,214.3 L485.0,214.7 L487.3,214.9 L489.6,215.3 L491.9,215.4 L494.3,215.6 L496.6,216.1 L498.9,216.9 L501.2,217.5 L503.5,218.0 L505.9,218.7 L508.2,219.2 L510.5,219.7 L512.8,220.3 L515.2,220.8 L517.5,221.4 L519.8,221.7 L522.1,221.8 L524.4,222.1 L526.8,222.5 L529.1,222.8 L531.4,223.2 L533.7,223.5 L536.1,223.7 L538.4,223.8 L540.7,224.5 L543.0,224.9 L545.3,225.6 L547.7,225.7 L550.0,226.4 L552.3,226.5 L554.6,226.7 L557.0,227.2 L559.3,228.1 L561.6,228.8 L563.9,229.1 L566.2,229.6 L568.6,230.0 L570.9,230.2 L573.2,230.5 L575.5,230.6 L577.9,232.6 L580.2,233.1 L582.5,233.5 L584.8,234.1 L587.1,234.7 L589.5,235.1 L591.8,235.5 L594.1,235.8 L596.4,235.8 L598.8,236.3 L601.1,236.7 L603.4,237.4 L605.7,238.1 L608.0,238.5 L610.4,238.9 L612.7,239.0 L615.0,239.4 L617.3,239.5 L619.7,239.6 L622.0,240.3 L624.3,240.5 L626.6,240.9 L628.9,241.3 L631.3,241.5 L633.6,241.7 L635.9,241.8 L638.2,242.1 L640.6,242.2 L642.9,242.1 L645.2,242.2 L647.5,242.5 L649.8,242.6 L652.2,242.8 L654.5,243.2 L656.8,243.7 L659.1,243.7 L661.5,244.3 L663.8,244.2 L666.1,244.4 L668.4,244.3 L670.7,244.3 L673.1,244.5 L675.4,244.7 L677.7,245.9 L680.0,64.6 L682.4,65.3 L684.7,65.3 L687.0,65.5 L689.3,65.9 L691.6,66.1 L694.0,66.8 L696.3,67.3 L698.6,67.5 L700.9,68.4 L703.3,69.8 L705.6,70.0 L707.9,70.7 L710.2,70.8 L712.5,71.4 L714.9,72.2 L717.2,73.0 L719.5,73.2 L721.8,73.5 L724.2,74.0 L726.5,74.2 L728.8,74.4 L731.1,74.6 L733.4,75.1 L735.8,75.7 L738.1,75.8 L740.4,76.2 L742.7,76.0 L745.1,76.0 L747.4,76.5 L749.7,77.1 L752.0,77.3 L754.3,77.4 L756.7,77.6 L759.0,77.4 L761.3,77.5 L763.6,77.9 L766.0,77.9 L768.3,77.8 L770.6,77.4 L772.9,77.4 L775.2,77.5 L777.6,77.6 L779.9,77.5 L782.2,77.2 L784.5,77.2 L786.9,77.9 L789.2,78.1 L791.5,78.1 L793.8,78.1 L796.1,77.3 L798.5,77.6 L800.8,77.8 L803.1,77.2 L805.4,76.3 L807.8,76.4 L810.1,76.0 L812.4,76.5 L814.7,76.3 L817.0,76.0 L819.4,76.2 L821.7,75.7 L824.0,75.6 L826.3,76.2 L828.7,75.8 L831.0,76.0 L833.3,76.4 L835.6,76.5 L837.9,76.2 L840.3,76.0 L842.6,76.0 L844.9,76.6 L847.2,77.3 L849.6,77.5 L851.9,78.0 L854.2,77.9 L856.5,78.2 L858.8,78.4 L861.2,78.4 L863.5,78.5 L865.8,78.5 L868.1,79.0 L870.5,79.2 L872.8,79.3 L875.1,79.2 L877.4,79.9 L879.7,79.9 L882.1,80.4 L884.4,81.1 L886.7,81.1 L889.0,81.2 L891.4,81.6 L893.7,81.9 L896.0,81.9 L896.0,264.0 L60.0,264.0 Z" fill="rgba(196,30,58,0.10)"/><path d="M60.0,142.1 L62.3,142.5 L64.6,142.9 L67.0,143.2 L69.3,143.0 L71.6,144.1 L73.9,144.6 L76.3,145.0 L78.6,145.3 L80.9,145.5 L83.2,144.6 L85.5,145.2 L87.9,145.7 L90.2,145.9 L92.5,146.6 L94.8,146.9 L97.2,147.5 L99.5,148.3 L101.8,149.1 L104.1,148.9 L106.4,149.4 L108.8,149.9 L111.1,150.1 L113.4,150.0 L115.7,151.0 L118.1,151.3 L120.4,151.6 L122.7,152.1 L125.0,151.5 L127.3,151.6 L129.7,152.1 L132.0,152.6 L134.3,153.4 L136.6,153.2 L139.0,153.5 L141.3,153.5 L143.6,153.7 L145.9,154.8 L148.2,154.9 L150.6,156.0 L152.9,156.5 L155.2,156.5 L157.5,157.2 L159.9,157.3 L162.2,157.4 L164.5,157.5 L166.8,157.6 L169.1,158.7 L171.5,158.9 L173.8,159.4 L176.1,159.7 L178.4,159.9 L180.8,160.2 L183.1,160.0 L185.4,160.0 L187.7,159.8 L190.0,160.2 L192.4,160.3 L194.7,160.6 L197.0,161.6 L199.3,161.8 L201.7,162.0 L204.0,162.0 L206.3,162.0 L208.6,162.1 L210.9,163.0 L213.3,163.7 L215.6,163.6 L217.9,163.4 L220.2,163.7 L222.6,164.5 L224.9,165.2 L227.2,165.2 L229.5,166.2 L231.8,166.1 L234.2,167.6 L236.5,168.1 L238.8,169.2 L241.1,169.4 L243.5,169.9 L245.8,170.1 L248.1,170.3 L250.4,170.7 L252.7,171.0 L255.1,171.5 L257.4,172.3 L259.7,172.6 L262.0,172.8 L264.4,173.2 L266.7,173.6 L269.0,174.0 L271.3,173.9 L273.6,174.8 L276.0,175.5 L278.3,175.5 L280.6,180.2 L282.9,180.4 L285.3,175.5 L287.6,176.0 L289.9,176.5 L292.2,177.4 L294.5,178.0 L296.9,178.4 L299.2,179.2 L301.5,179.4 L303.8,180.0 L306.2,180.5 L308.5,181.0 L310.8,182.4 L313.1,183.3 L315.4,183.9 L317.8,184.6 L320.1,184.9 L322.4,185.3 L324.7,186.0 L327.1,186.8 L329.4,187.1 L331.7,187.4 L334.0,188.0 L336.3,189.0 L338.7,189.4 L341.0,189.9 L343.3,190.2 L345.6,191.2 L348.0,191.4 L350.3,191.4 L352.6,192.0 L354.9,193.0 L357.2,193.4 L359.6,193.5 L361.9,194.2 L364.2,195.0 L366.5,195.4 L368.9,196.0 L371.2,196.2 L373.5,197.4 L375.8,197.6 L378.1,198.1 L380.5,198.2 L382.8,198.4 L385.1,199.0 L387.4,199.4 L389.8,199.6 L392.1,200.1 L394.4,200.3 L396.7,200.9 L399.0,201.4 L401.4,201.6 L403.7,201.6 L406.0,201.7 L408.3,202.0 L410.7,203.0 L413.0,203.9 L415.3,204.4 L417.6,204.7 L419.9,204.9 L422.3,205.9 L424.6,206.3 L426.9,207.2 L429.2,207.4 L431.6,207.9 L433.9,208.8 L436.2,208.9 L438.5,209.0 L440.8,209.5 L443.2,209.6 L445.5,210.2 L447.8,210.6 L450.1,210.9 L452.5,211.3 L454.8,211.4 L457.1,211.6 L459.4,211.9 L461.7,212.2 L464.1,212.5 L466.4,212.8 L468.7,213.1 L471.0,213.3 L473.4,213.7 L475.7,213.9 L478.0,214.1 L480.3,214.3 L482.6,214.3 L485.0,214.7 L487.3,214.9 L489.6,215.3 L491.9,215.4 L494.3,215.6 L496.6,216.1 L498.9,216.9 L501.2,217.5 L503.5,218.0 L505.9,218.7 L508.2,219.2 L510.5,219.7 L512.8,220.3 L515.2,220.8 L517.5,221.4 L519.8,221.7 L522.1,221.8 L524.4,222.1 L526.8,222.5 L529.1,222.8 L531.4,223.2 L533.7,223.5 L536.1,223.7 L538.4,223.8 L540.7,224.5 L543.0,224.9 L545.3,225.6 L547.7,225.7 L550.0,226.4 L552.3,226.5 L554.6,226.7 L557.0,227.2 L559.3,228.1 L561.6,228.8 L563.9,229.1 L566.2,229.6 L568.6,230.0 L570.9,230.2 L573.2,230.5 L575.5,230.6 L577.9,232.6 L580.2,233.1 L582.5,233.5 L584.8,234.1 L587.1,234.7 L589.5,235.1 L591.8,235.5 L594.1,235.8 L596.4,235.8 L598.8,236.3 L601.1,236.7 L603.4,237.4 L605.7,238.1 L608.0,238.5 L610.4,238.9 L612.7,239.0 L615.0,239.4 L617.3,239.5 L619.7,239.6 L622.0,240.3 L624.3,240.5 L626.6,240.9 L628.9,241.3 L631.3,241.5 L633.6,241.7 L635.9,241.8 L638.2,242.1 L640.6,242.2 L642.9,242.1 L645.2,242.2 L647.5,242.5 L649.8,242.6 L652.2,242.8 L654.5,243.2 L656.8,243.7 L659.1,243.7 L661.5,244.3 L663.8,244.2 L666.1,244.4 L668.4,244.3 L670.7,244.3 L673.1,244.5 L675.4,244.7 L677.7,245.9 L680.0,64.6 L682.4,65.3 L684.7,65.3 L687.0,65.5 L689.3,65.9 L691.6,66.1 L694.0,66.8 L696.3,67.3 L698.6,67.5 L700.9,68.4 L703.3,69.8 L705.6,70.0 L707.9,70.7 L710.2,70.8 L712.5,71.4 L714.9,72.2 L717.2,73.0 L719.5,73.2 L721.8,73.5 L724.2,74.0 L726.5,74.2 L728.8,74.4 L731.1,74.6 L733.4,75.1 L735.8,75.7 L738.1,75.8 L740.4,76.2 L742.7,76.0 L745.1,76.0 L747.4,76.5 L749.7,77.1 L752.0,77.3 L754.3,77.4 L756.7,77.6 L759.0,77.4 L761.3,77.5 L763.6,77.9 L766.0,77.9 L768.3,77.8 L770.6,77.4 L772.9,77.4 L775.2,77.5 L777.6,77.6 L779.9,77.5 L782.2,77.2 L784.5,77.2 L786.9,77.9 L789.2,78.1 L791.5,78.1 L793.8,78.1 L796.1,77.3 L798.5,77.6 L800.8,77.8 L803.1,77.2 L805.4,76.3 L807.8,76.4 L810.1,76.0 L812.4,76.5 L814.7,76.3 L817.0,76.0 L819.4,76.2 L821.7,75.7 L824.0,75.6 L826.3,76.2 L828.7,75.8 L831.0,76.0 L833.3,76.4 L835.6,76.5 L837.9,76.2 L840.3,76.0 L842.6,76.0 L844.9,76.6 L847.2,77.3 L849.6,77.5 L851.9,78.0 L854.2,77.9 L856.5,78.2 L858.8,78.4 L861.2,78.4 L863.5,78.5 L865.8,78.5 L868.1,79.0 L870.5,79.2 L872.8,79.3 L875.1,79.2 L877.4,79.9 L879.7,79.9 L882.1,80.4 L884.4,81.1 L886.7,81.1 L889.0,81.2 L891.4,81.6 L893.7,81.9 L896.0,81.9" fill="none" stroke="#C41E3A" stroke-width="2.2" stroke-linejoin="round" stroke-linecap="round"/><circle cx="60.0" cy="142.1" r="3.5" fill="#fff" stroke="#C41E3A" stroke-width="1.6"/><text x="60.0" y="130.1" text-anchor="middle" font-family="Roboto Slab, Georgia, serif" font-size="11" font-weight="700" fill="#1A1A2E">7.2K</text><text x="60.0" y="282.0" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="10" fill="#6E6E80">сен 25</text><circle cx="87.9" cy="145.7" r="3.5" fill="#fff" stroke="#C41E3A" stroke-width="1.6"/><text x="87.9" y="133.7" text-anchor="middle" font-family="Roboto Slab, Georgia, serif" font-size="11" font-weight="700" fill="#1A1A2E">7.1K</text><circle cx="159.9" cy="157.3" r="3.5" fill="#fff" stroke="#C41E3A" stroke-width="1.6"/><text x="159.9" y="145.3" text-anchor="middle" font-family="Roboto Slab, Georgia, serif" font-size="11" font-weight="700" fill="#1A1A2E">7K</text><text x="159.9" y="282.0" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="10" fill="#6E6E80">ноя 25</text><circle cx="229.5" cy="166.2" r="3.5" fill="#fff" stroke="#C41E3A" stroke-width="1.6"/><text x="229.5" y="154.2" text-anchor="middle" font-family="Roboto Slab, Georgia, serif" font-size="11" font-weight="700" fill="#1A1A2E">7K</text><text x="229.5" y="282.0" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="10" fill="#6E6E80">дек 25</text><circle cx="287.6" cy="176.0" r="3.5" fill="#fff" stroke="#C41E3A" stroke-width="1.6"/><text x="287.6" y="164.0" text-anchor="middle" font-family="Roboto Slab, Georgia, serif" font-size="11" font-weight="700" fill="#1A1A2E">6.9K</text><text x="287.6" y="282.0" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="10" fill="#6E6E80">янв 26</text><circle cx="359.6" cy="193.5" r="3.5" fill="#fff" stroke="#C41E3A" stroke-width="1.6"/><text x="359.6" y="181.5" text-anchor="middle" font-family="Roboto Slab, Georgia, serif" font-size="11" font-weight="700" fill="#1A1A2E">6.7K</text><text x="359.6" y="282.0" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="10" fill="#6E6E80">фев 26</text><circle cx="424.6" cy="206.3" r="3.5" fill="#fff" stroke="#C41E3A" stroke-width="1.6"/><text x="424.6" y="194.3" text-anchor="middle" font-family="Roboto Slab, Georgia, serif" font-size="11" font-weight="700" fill="#1A1A2E">6.6K</text><text x="424.6" y="282.0" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="10" fill="#6E6E80">мар 26</text><circle cx="496.6" cy="216.1" r="3.5" fill="#fff" stroke="#C41E3A" stroke-width="1.6"/><text x="496.6" y="204.1" text-anchor="middle" font-family="Roboto Slab, Georgia, serif" font-size="11" font-weight="700" fill="#1A1A2E">6.5K</text><text x="496.6" y="282.0" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="10" fill="#6E6E80">апр 26</text><circle cx="566.2" cy="229.6" r="3.5" fill="#fff" stroke="#C41E3A" stroke-width="1.6"/><text x="566.2" y="217.6" text-anchor="middle" font-family="Roboto Slab, Georgia, serif" font-size="11" font-weight="700" fill="#1A1A2E">6.4K</text><text x="566.2" y="282.0" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="10" fill="#6E6E80">май 26</text><circle cx="638.2" cy="242.1" r="3.5" fill="#fff" stroke="#C41E3A" stroke-width="1.6"/><text x="638.2" y="230.1" text-anchor="middle" font-family="Roboto Slab, Georgia, serif" font-size="11" font-weight="700" fill="#1A1A2E">6.3K</text><text x="638.2" y="282.0" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="10" fill="#6E6E80">июн 26</text><circle cx="707.9" cy="70.7" r="3.5" fill="#fff" stroke="#C41E3A" stroke-width="1.6"/><text x="707.9" y="58.7" text-anchor="middle" font-family="Roboto Slab, Georgia, serif" font-size="11" font-weight="700" fill="#1A1A2E">7.8K</text><text x="707.9" y="282.0" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="10" fill="#6E6E80">июл 26</text><circle cx="779.9" cy="77.5" r="3.5" fill="#fff" stroke="#C41E3A" stroke-width="1.6"/><text x="779.9" y="65.5" text-anchor="middle" font-family="Roboto Slab, Georgia, serif" font-size="11" font-weight="700" fill="#1A1A2E">7.7K</text><text x="779.9" y="282.0" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="10" fill="#6E6E80">авг 26</text><circle cx="851.9" cy="78.0" r="3.5" fill="#fff" stroke="#C41E3A" stroke-width="1.6"/><text x="851.9" y="66.0" text-anchor="middle" font-family="Roboto Slab, Georgia, serif" font-size="11" font-weight="700" fill="#1A1A2E">7.7K</text><text x="851.9" y="282.0" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="10" fill="#6E6E80">сен 26</text><circle cx="896.0" cy="81.9" r="11" fill="rgba(196,30,58,0.18)"/><circle cx="896.0" cy="81.9" r="5.5" fill="#C41E3A"/></svg> <div class="subs-chart__stats"> <div class="subs-chart__stat"> <div class="subs-chart__stat-label">Начало периода</div> <div class="subs-chart__stat-val">7 178</div> </div> <div class="subs-chart__stat"> <div class="subs-chart__stat-label">Сейчас</div> <div class="subs-chart__stat-val">7 706</div> </div> <div class="subs-chart__stat"> <div class="subs-chart__stat-label">Чистый прирост</div> <div class="subs-chart__stat-val is-good">+528 <span style="font-size:.62em;opacity:.75">+7%</span></div> </div> </div> </div> </div> </section> <section class="section" id="citation-breakdown"> <div class="container"> <div class="section__head"> <span class="kicker">Раздел 04 · Цитируемость</span> <h2 class="section__title">Кто и как упоминает канал</h2> <p class="section__sub">Индекс цитирования <b>30</b>: рейтинг популярности канала на основе упоминаний. Учитывает не только их количество, но и вес упоминающих: пост от канала на 100 тыс. подписчиков «весит» больше, чем от канала на 1 тыс. За всё время канал упоминали <b>121</b> разных каналов. Ниже видно, из каких стран, в каком формате, от каких каналов и в какой тематике.</p> </div> <div class="cite-grid"> <div class="cite-card"> <div class="cite-card__title">Из каких стран упоминают</div> <div class="cite-card__layout"> <div class="cite-card__chart"><svg width="110" height="110" viewBox="0 0 110 110"><path d="M55.00,13.75 A41.25,41.25 0 1 1 32.24,20.59 L40.89,33.67 A25.57,25.57 0 1 0 55.00,29.43 Z" fill="#C41E3A"/><path d="M32.24,20.59 A41.25,41.25 0 0 1 33.34,19.90 L41.57,33.24 A25.57,25.57 0 0 0 40.89,33.67 Z" fill="#A8172F"/></svg></div> <div class="cite-card__list"> <div class="cite-row"> <span class="cite-row__sw" style="background:#C41E3A"></span> <span>Россия</span> <span class="cite-row__pct">90.7%</span> </div> <div class="cite-row"> <span class="cite-row__sw" style="background:#A8172F"></span> <span>Беларусь</span> <span class="cite-row__pct">0.5%</span> </div> <div class="cite-row"> <span class="cite-row__sw" style="background:#E68692"></span> <span>Украина</span> <span class="cite-row__pct">0.0%</span> </div> <div class="cite-row"> <span class="cite-row__sw" style="background:#F5C8CE"></span> <span>Узбекистан</span> <span class="cite-row__pct">0.0%</span> </div> <div class="cite-row"> <span class="cite-row__sw" style="background:#9A9AA8"></span> <span>Иран</span> <span class="cite-row__pct">0.0%</span> </div> </div> </div> </div> <div class="cite-card"> <div class="cite-card__title">В каком формате упоминают</div> <div class="cite-card__layout"> <div class="cite-card__chart"><svg width="110" height="110" viewBox="0 0 110 110"><path d="M55.00,13.75 A41.25,41.25 0 1 1 31.18,21.33 L40.23,34.12 A25.57,25.57 0 1 0 55.00,29.43 Z" fill="#C41E3A"/><path d="M31.18,21.33 A41.25,41.25 0 0 1 55.00,13.75 L55.00,29.43 A25.57,25.57 0 0 0 40.23,34.12 Z" fill="#A8172F"/></svg></div> <div class="cite-card__list"> <div class="cite-row"> <span class="cite-row__sw" style="background:#C41E3A"></span> <span>Упомянули отдельным постом</span> <span class="cite-row__pct">90.2%</span> </div> <div class="cite-row"> <span class="cite-row__sw" style="background:#A8172F"></span> <span>В подборке с 2-5 каналами</span> <span class="cite-row__pct">9.8%</span> </div> <div class="cite-row"> <span class="cite-row__sw" style="background:#E68692"></span> <span>В подборке с 6-10 каналами</span> <span class="cite-row__pct">0.0%</span> </div> <div class="cite-row"> <span class="cite-row__sw" style="background:#F5C8CE"></span> <span>В подборке с 11+ каналами</span> <span class="cite-row__pct">0.0%</span> </div> </div> </div> </div> <div class="cite-card"> <div class="cite-card__title">Каналы какого размера упоминают</div> <div class="cite-card__layout"> <div class="cite-card__chart"><svg width="110" height="110" viewBox="0 0 110 110"><path d="M55.00,13.75 A41.25,41.25 0 0 1 73.03,17.90 L66.18,32.00 A25.57,25.57 0 0 0 55.00,29.43 Z" fill="#C41E3A"/><path d="M73.03,17.90 A41.25,41.25 0 1 1 15.32,43.74 L30.40,48.02 A25.57,25.57 0 1 0 66.18,32.00 Z" fill="#A8172F"/><path d="M15.32,43.74 A41.25,41.25 0 0 1 45.75,14.80 L49.26,30.08 A25.57,25.57 0 0 0 30.40,48.02 Z" fill="#E68692"/><path d="M45.75,14.80 A41.25,41.25 0 0 1 55.00,13.75 L55.00,29.43 A25.57,25.57 0 0 0 49.26,30.08 Z" fill="#F5C8CE"/></svg></div> <div class="cite-card__list"> <div class="cite-row"> <span class="cite-row__sw" style="background:#C41E3A"></span> <span>Микро-каналы (до 1 тыс.)</span> <span class="cite-row__pct">7.2%</span> </div> <div class="cite-row"> <span class="cite-row__sw" style="background:#A8172F"></span> <span>от 1 до 10 тыс. подписчиков</span> <span class="cite-row__pct">72.2%</span> </div> <div class="cite-row"> <span class="cite-row__sw" style="background:#E68692"></span> <span>от 10 до 30 тыс. подписчиков</span> <span class="cite-row__pct">17.0%</span> </div> <div class="cite-row"> <span class="cite-row__sw" style="background:#F5C8CE"></span> <span>от 30 до 100 тыс. подписчиков</span> <span class="cite-row__pct">3.6%</span> </div> <div class="cite-row"> <span class="cite-row__sw" style="background:#9A9AA8"></span> <span>более 100 тыс. подписчиков</span> <span class="cite-row__pct">0.0%</span> </div> </div> </div> </div> <div class="cite-card"> <div class="cite-card__title">В каких тематиках упоминают</div> <div class="cite-card__layout"> <div class="cite-card__chart"><svg width="110" height="110" viewBox="0 0 110 110"><path d="M55.00,13.75 A41.25,41.25 0 1 1 26.02,84.35 L37.03,73.20 A25.57,25.57 0 1 0 55.00,29.43 Z" fill="#C41E3A"/><path d="M26.02,84.35 A41.25,41.25 0 0 1 16.65,39.81 L31.22,45.59 A25.57,25.57 0 0 0 37.03,73.20 Z" fill="#A8172F"/><path d="M16.65,39.81 A41.25,41.25 0 0 1 28.11,23.72 L38.33,35.60 A25.57,25.57 0 0 0 31.22,45.59 Z" fill="#E68692"/><path d="M28.11,23.72 A41.25,41.25 0 0 1 34.67,19.10 L42.40,32.75 A25.57,25.57 0 0 0 38.33,35.60 Z" fill="#F5C8CE"/><path d="M34.67,19.10 A41.25,41.25 0 0 1 39.57,16.74 L45.44,31.28 A25.57,25.57 0 0 0 42.40,32.75 Z" fill="#9A9AA8"/></svg></div> <div class="cite-card__list"> <div class="cite-row"> <span class="cite-row__sw" style="background:#C41E3A"></span> <span>Технологии</span> <span class="cite-row__pct">62.4%</span> </div> <div class="cite-row"> <span class="cite-row__sw" style="background:#A8172F"></span> <span>Дизайн</span> <span class="cite-row__pct">18.6%</span> </div> <div class="cite-row"> <span class="cite-row__sw" style="background:#E68692"></span> <span>Telegram</span> <span class="cite-row__pct">7.7%</span> </div> <div class="cite-row"> <span class="cite-row__sw" style="background:#F5C8CE"></span> <span>Юмор и развлечения</span> <span class="cite-row__pct">3.1%</span> </div> <div class="cite-row"> <span class="cite-row__sw" style="background:#9A9AA8"></span> <span>Продажи</span> <span class="cite-row__pct">2.1%</span> </div> </div> </div> </div> </div> </div> </section> <section class="section" id="ad-reach"> <div class="container"> <div class="section__head"> <span class="kicker">Раздел 05 · Рекламный потенциал</span> <h2 class="section__title">Как долго пост приносит охват</h2> <p class="section__sub">Средний охват рекламного поста по времени с публикации. Помогает оценить, сколько имеет смысл «жить» размещению.</p> </div> <div class="ad-reach"> <div class="ad-reach__bars"> <div class="ad-bar"> <div class="ad-bar__value num">472</div> <div class="ad-bar__fill" style="height: 78%;"></div> <div class="ad-bar__label">за 12 часов</div> </div> <div class="ad-bar"> <div class="ad-bar__value num">542</div> <div class="ad-bar__fill" style="height: 89%;"></div> <div class="ad-bar__label">за 24 часа</div> <div class="ad-bar__delta">+15% к пред.</div> </div> <div class="ad-bar"> <div class="ad-bar__value num">588</div> <div class="ad-bar__fill" style="height: 97%;"></div> <div class="ad-bar__label">за 48 часов</div> <div class="ad-bar__delta">+8% к пред.</div> </div> <div class="ad-bar"> <div class="ad-bar__value num">605</div> <div class="ad-bar__fill" style="height: 100%;"></div> <div class="ad-bar__label">за 72 часа</div> <div class="ad-bar__delta">+3% к пред.</div> </div> </div> </div> </div> </section> <!-- ========================== COMPETITORS ========================== --> <section class="section" id="competitors"> <div class="container"> <div class="section__head"> <span class="kicker">Раздел 06 · Конкуренты</span> <h2 class="section__title">С кем вы конкурируете</h2> <p class="section__sub"><b>10</b> ближайших каналов по тематике и аудитории. Подсветили ваш канал, чтобы было видно, какое место он занимает среди соседей по нише.</p> </div> <div class="comp-table-wrap"><table class="comp-table comp-table--simple"> <thead> <tr> <th>Канал</th> <th>Подписчики</th> </tr> </thead> <tbody> <tr> <td><span class="channel-cell"><span class="channel-cell__avatar">FP</span>Frontend Portal</span></td> <td class="num">36.6K</td> </tr> <tr> <td><span class="channel-cell"><span class="channel-cell__avatar">SF</span>Senior Frontend - javascript, html, css</span></td> <td class="num">24K</td> </tr> <tr> <td><span class="channel-cell"><span class="channel-cell__avatar">CR</span>Code Ready | Frontend</span></td> <td class="num">21.7K</td> </tr> <tr> <td><span class="channel-cell"><span class="channel-cell__avatar">HG</span>Html Gram</span></td> <td class="num">9.2K</td> </tr> <tr> <td><span class="channel-cell"><span class="channel-cell__avatar">WB</span>WEB BEKS | HTML & CSS & JS</span></td> <td class="num">7.9K</td> </tr> <tr class="is-us"> <td><span class="channel-cell"><span class="channel-cell__avatar">ФГ</span>Фронтенд Гайд<span class="you-pill">Вы</span></span></td> <td class="num"><b>7.7K</b></td> </tr> <tr> <td><span class="channel-cell"><span class="channel-cell__avatar">FL</span>Frontender Libs - обзор библиотек JS / CSS</span></td> <td class="num">7.5K</td> </tr> <tr> <td><span class="channel-cell"><span class="channel-cell__avatar">АН</span>Анимируй</span></td> <td class="num">6.4K</td> </tr> <tr> <td><span class="channel-cell"><span class="channel-cell__avatar">CД</span>CSS доширак</span></td> <td class="num">4.7K</td> </tr> <tr> <td><span class="channel-cell"><span class="channel-cell__avatar">К|</span>КодВеб | Дизайн База</span></td> <td class="num">4.5K</td> </tr> </tbody> </table> </div> <aside class="pullquote"> <span class="pullquote__label">▍ Сравнительный вывод</span> <p>Канал в <b>середине подборки</b> (6-е место из 10). 5 каналов крупнее, 4 — мельче. Хорошие варианты для взаимного размена постов в обе стороны: наверх — чтобы вырасти, вниз — чтобы помочь меньшим коллегам.</p> </aside> </div> </section> <section class="section" id="mentions-dynamics"> <div class="container"> <div class="section__head"> <span class="kicker">Раздел 07 · Динамика упоминаний</span> <h2 class="section__title">Как часто канал упоминают</h2> <p class="section__sub">Ежемесячно мы фиксируем посты в других каналах, где упомянули ваш канал. За последние <b>6 месяцев</b> таких упоминаний было <b>20</b>, а канал за это время прибавил <b>61</b> подписчиков из всех источников. Это другая метрика, чем индекс цитирования сверху: здесь штучные посты-упоминания за период, а там накопительный рейтинг.</p> </div> <div class="mentions-table-wrap"><table class="mentions-table"> <thead> <tr> <th>Период</th> <th>Упоминаний</th> <th>Каналов</th> <th>Прирост за месяц</th> </tr> </thead> <tbody> <tr> <td>Март 2026</td> <td class="num">3</td> <td class="num">1</td> <td> <div class="mentions-gained"> <div class="mentions-gained__val num">0</div> <div class="mentions-gained__bar"><div class="mentions-gained__bar-fill" style="width: 0%;"></div></div> </div> </td> </tr> <tr> <td>Февраль 2026</td> <td class="num">6</td> <td class="num">3</td> <td> <div class="mentions-gained"> <div class="mentions-gained__val num">0</div> <div class="mentions-gained__bar"><div class="mentions-gained__bar-fill" style="width: 0%;"></div></div> </div> </td> </tr> <tr> <td>Январь 2026</td> <td class="num">1</td> <td class="num">1</td> <td> <div class="mentions-gained"> <div class="mentions-gained__val num">0</div> <div class="mentions-gained__bar"><div class="mentions-gained__bar-fill" style="width: 0%;"></div></div> </div> </td> </tr> <tr> <td>Декабрь 2025</td> <td class="num">10</td> <td class="num">10</td> <td> <div class="mentions-gained"> <div class="mentions-gained__val num">45</div> <div class="mentions-gained__bar"><div class="mentions-gained__bar-fill" style="width: 100%;"></div></div> </div> </td> </tr> <tr> <td>Ноябрь 2025</td> <td class="num">0</td> <td class="num">0</td> <td> <div class="mentions-gained"> <div class="mentions-gained__val num">6</div> <div class="mentions-gained__bar"><div class="mentions-gained__bar-fill" style="width: 13%;"></div></div> </div> </td> </tr> <tr> <td>Октябрь 2025</td> <td class="num">0</td> <td class="num">0</td> <td> <div class="mentions-gained"> <div class="mentions-gained__val num">10</div> <div class="mentions-gained__bar"><div class="mentions-gained__bar-fill" style="width: 22%;"></div></div> </div> </td> </tr> </tbody> </table> </div> <div class="mentions-summary"> <div class="mentions-summary__cell"> <div class="mentions-summary__label">Всего упоминаний</div> <div class="mentions-summary__val">20</div> </div> <div class="mentions-summary__cell"> <div class="mentions-summary__label">Месяцев в данных</div> <div class="mentions-summary__val">6</div> </div> <div class="mentions-summary__cell"> <div class="mentions-summary__label">Привлекли подписчиков</div> <div class="mentions-summary__val">61</div> </div> </div> </div> </section> <section class="section" id="niche-compare"> <div class="container"> <div class="section__head"> <span class="kicker">Раздел 08 · Сравнение с нишей</span> <h2 class="section__title">Где канал в своей лиге</h2> <p class="section__sub">Сравниваем не со всей категорией, а с каналами вашего размера: взяли <b>219 каналов</b> категории «<b>Технологии</b>» от 3 тыс. до 23 тыс. подписчиков. Сравнение с лидерами ниши мало что говорит: у канала на миллион подписчиков другая экономика. Серая полоса: диапазон, в который попадают 80% каналов группы. Чёрная вертикаль: середина. Красная точка: ваш канал.</p> </div> <div class="niche-rank"> <div class="niche-rank__inner"> <div class="niche-rank__big">#140<small>/ 219</small></div> <div class="niche-rank__text"> <div class="niche-rank__label">Позиция в нише</div> <div class="niche-rank__title">Место 140 из 219 каналов сопоставимого размера</div> </div> </div> </div> <div class="niche-grid"> <div class="niche-bar"> <div class="niche-bar__head"> <span class="niche-bar__label">Подписчики</span> <span class="niche-bar__verdict is-warn">в пределах группы, ниже середины</span> </div> <div class="niche-bar__track"> <div class="niche-bar__box" style="left: 8.7%; right: 25.099999999999994%;"></div> <div class="niche-bar__median" style="left: 36.5%;"> <span class="niche-bar__median-label">10.6K</span> </div> <div class="niche-bar__dot" style="left: 24.2%;" title="7 706"></div> </div> <div class="niche-bar__scale"> <span>2K</span> <span><b>7 706</b>: ваш канал</span> <span>25.4K</span> </div> </div> <div class="niche-bar"> <div class="niche-bar__head"> <span class="niche-bar__label">Средний охват / пост</span> <span class="niche-bar__verdict is-warn">в пределах группы, ниже середины</span> </div> <div class="niche-bar__track"> <div class="niche-bar__box" style="left: 5.7%; right: 23.700000000000003%;"></div> <div class="niche-bar__median" style="left: 27.8%;"> <span class="niche-bar__median-label">1.7K</span> </div> <div class="niche-bar__dot" style="left: 10.8%;" title="732"></div> </div> <div class="niche-bar__scale"> <span>145</span> <span><b>732</b>: ваш канал</span> <span>5.6K</span> </div> </div> <div class="niche-bar"> <div class="niche-bar__head"> <span class="niche-bar__label">Вовлечённость (ER)</span> <span class="niche-bar__verdict is-warn">в пределах группы, ниже середины</span> </div> <div class="niche-bar__track"> <div class="niche-bar__box" style="left: 9.3%; right: 23.5%;"></div> <div class="niche-bar__median" style="left: 29.7%;"> <span class="niche-bar__median-label">17,0%</span> </div> <div class="niche-bar__dot" style="left: 16.7%;" title="10,0%"></div> </div> <div class="niche-bar__scale"> <span>1,0%</span> <span><b>10,0%</b>: ваш канал</span> <span>54,9%</span> </div> </div> <div class="niche-bar"> <div class="niche-bar__head"> <span class="niche-bar__label">Индекс цитирования</span> <span class="niche-bar__verdict is-good">выше середины группы</span> </div> <div class="niche-bar__track"> <div class="niche-bar__box" style="left: 0.5%; right: 23.099999999999994%;"></div> <div class="niche-bar__median" style="left: 11.1%;"> <span class="niche-bar__median-label">24</span> </div> <div class="niche-bar__dot" style="left: 13.9%;" title="30"></div> </div> <div class="niche-bar__scale"> <span>0</span> <span><b>30</b>: ваш канал</span> <span>216</span> </div> </div> </div> <p class="section__sub" style="margin-top:18px">Канал обгоняет большинство сопоставимых по одному показателю — <b>индекс цитирования</b>. Это то, на чём стоит строить рост.</p> </div> </section> <!-- ========================== RECOMMENDATIONS ========================== --> <section class="section" id="recommendations"> <div class="container"> <div class="section__head"> <span class="kicker">Раздел 09 · Стратегия</span> <h2 class="section__title">Что делать прямо сейчас</h2> <p class="section__sub">5 приоритетных действий, расставлены по ожидаемому эффекту. Можно отметить как чек-лист и вернуться к этому отчёту через месяц.</p> </div> <div class="rec-list"> <article class="rec"> <div class="rec__num">01</div> <div class="rec__body"> <h3 class="rec__title">Главный пост недели — в понедельник</h3> <p class="rec__desc">В этот день и в 10:00 MSK аудитория наиболее активна.</p> </div> <div class="rec__impact"> <div class="rec__impact-label">Эффект</div> <div class="rec__impact-value">Лучшее окно для важного поста</div> </div> </article> <article class="rec"> <div class="rec__num">02</div> <div class="rec__body"> <h3 class="rec__title">Увеличить долю видео-постов</h3> <p class="rec__desc">Видео в Telegram удерживает аудиторию дольше и лучше воспринимается алгоритмом. Рекомендуем доводить долю до 15-25%.</p> </div> <div class="rec__impact"> <div class="rec__impact-label">Эффект</div> <div class="rec__impact-value">Видео лучше удерживает аудиторию</div> </div> </article> <article class="rec"> <div class="rec__num">03</div> <div class="rec__body"> <h3 class="rec__title">Системная закупка трафика</h3> <p class="rec__desc">Три формата для вашего медиа: <b>Inhouse</b> (премиальные каналы), <b>Native</b> (естественные интеграции), <b>Premium</b> (целевая аудитория). PromtPress подбирает источники под нишу.</p> </div> <div class="rec__impact"> <div class="rec__impact-label">Эффект</div> <div class="rec__impact-value">объём под задачу</div> </div> </article> <article class="rec"> <div class="rec__num">04</div> <div class="rec__body"> <h3 class="rec__title">Тестировать опросы и интерактивные форматы</h3> <p class="rec__desc">Posts с опросами/реакциями обычно дают +5-15% к ER. Один опрос в неделю на «горячую» тему — лёгкая точка роста.</p> </div> <div class="rec__impact"> <div class="rec__impact-label">Эффект</div> <div class="rec__impact-value">+5-15% ER</div> </div> </article> <article class="rec"> <div class="rec__num">05</div> <div class="rec__body"> <h3 class="rec__title">Кросс-промо с соседними каналами</h3> <p class="rec__desc">Раз в квартал обмениваться постами с каналами того же сегмента. Не нужно делать каждый день — 2-3 коллабы дают релевантный прирост.</p> </div> <div class="rec__impact"> <div class="rec__impact-label">Эффект</div> <div class="rec__impact-value">Прирост из релевантной аудитории</div> </div> </article> </div> </div> </section> <!-- ========================== CTA ========================== --> <section class="cta"> <h2>Хотите, чтобы это сделал <em>PromtPress</em>?</h2> <p>Этот аудит мы сделали за несколько минут на основе публичных данных. Если хочется идти дальше, запустите рекламу через нас и закройте план роста за месяц.</p> <div class="cta__buttons"> <a class="btn btn--primary btn--lg" href="#auditForm">Получить такой же аудит бесплатно</a> <a class="btn btn--invert-outline btn--lg" href="https://panel.promtpress.com/register">Запустить рекламу в Telegram</a> </div> </section> <!-- ========================== FOOTER (FINAL_V1 minimal) ========================== --> <footer class="mag-foot" id="support"> <div class="mag-foot__inner"> <div class="mag-foot__brand-block"> <div class="mag-foot__brand">PROMT<i></i>PRESS</div> <div class="mag-foot__sub"> PromtPress приводит заявки бизнесу и подписчиков каналам в Telegram и MAX. Страница с формой бесплатно, оплата только за результат, антифрод и помощь менеджера. </div> <div class="mag-foot__contacts"> <a href="https://t.me/PromtPress_manager" target="_blank" rel="noopener">Telegram-поддержка →</a> <a href="mailto:hello@promtpress.com">hello@promtpress.com</a> </div> </div> <div class="mag-foot__col"> <h4>Сервис</h4> <ul> <li><a href="https://promtpress.com/#how">Как это работает</a></li> <li><a href="https://promtpress.com/benchmark">Сколько стоит</a></li> <li><a href="https://promtpress.com/audit/">Аудит каналов</a></li> <li><a href="https://promtpress.com/blog/">Блог</a></li> <li><a href="https://promtpress.com/about">О компании</a></li> <li><a href="https://promtpress.com/mcp">MCP для ИИ-помощников</a></li> <li><a href="https://promtpress.com/partners">Партнёрская программа</a></li> <li><a href="https://promtpress.com/#faq">FAQ</a></li> <li><a href="https://panel.promtpress.com/login">Вход</a></li> <li><a href="https://panel.promtpress.com/register">Регистрация</a></li> </ul> </div> <div class="mag-foot__col"> <h4>Документы</h4> <ul> <li><a href="https://promtpress.com/terms">Условия использования</a></li> <li><a href="https://promtpress.com/privacy">Политика конфиденциальности</a></li> <li><a href="https://promtpress.com/refund">Политика возврата</a></li> <li><a href="https://promtpress.com/requisites">Реквизиты</a></li> </ul> </div> </div> <div class="mag-foot__bottom"> <span>© <span data-year>2026</span> PromtPress</span> <span>9 771 <span data-year>2026</span> <span data-issue-num>04</span> 04</span> </div> </footer> <div class="toast" id="toast">Ссылка скопирована</div> <script> (function(){ // sticky header shadow var bar=document.getElementById('topbar'); function onS(){ if(window.scrollY>8) bar.classList.add('scrolled'); else bar.classList.remove('scrolled'); } window.addEventListener('scroll',onS,{passive:true}); onS(); // tabs (top-5 / worst-3) document.querySelectorAll('.tabs__btn').forEach(function(btn){ btn.addEventListener('click',function(){ var root=btn.closest('.tabs').parentNode; root.querySelectorAll('.tabs__btn').forEach(function(b){b.setAttribute('aria-selected','false');}); btn.setAttribute('aria-selected','true'); var t=btn.getAttribute('data-tab'); root.querySelectorAll('.tab-panel').forEach(function(p){p.setAttribute('data-active', p.getAttribute('data-tab')===t?'true':'false');}); }); }); // copy link toast var c=document.getElementById('copyBtn'),t=document.getElementById('toast'); if(c){c.addEventListener('click',function(){ navigator.clipboard&&navigator.clipboard.writeText(location.href).then(function(){t.classList.add('show');setTimeout(function(){t.classList.remove('show');},1800);}); });} // Sparklines / heatmap / donut генерятся server-side (Python), здесь JS не нужен. })(); </script> <script> /* submitAudit (PRO-82): same handler and endpoint as the working form on /audit/. */ var AUDIT_API = 'https://panel.promtpress.com/api/public/audit-request'; document.addEventListener('DOMContentLoaded', function(){ var consentBox = document.getElementById('consent-checkbox'); var submitBtn = document.getElementById('auditSubmitBtn'); if(consentBox && submitBtn){ consentBox.addEventListener('change', function(){ submitBtn.disabled = !consentBox.checked; }); } }); function submitAudit(event){ event.preventDefault(); var channel = document.getElementById('channel-username').value.trim(); var contact = document.getElementById('contact').value.trim(); var consent = document.getElementById('consent-checkbox').checked; var honeypot = (document.getElementById('honeypot-website') || {}).value || ''; if(!channel || !contact || !consent){ return false; } var submitBtn = document.getElementById('auditSubmitBtn'); if(submitBtn){ submitBtn.disabled = true; submitBtn.textContent = document.documentElement.lang === 'en' ? 'Sending…' : 'Отправляем…'; } function showSuccess(){ document.getElementById('auditForm').style.display = 'none'; var success = document.getElementById('auditSuccess'); success.classList.add('is-shown'); } function showFallback(){ showSuccess(); var success = document.getElementById('auditSuccess'); var msg = encodeURIComponent((document.documentElement.lang === 'en' ? 'Hello! I would like a free audit of the channel ' : 'Здравствуйте! Хочу заказать бесплатный аудит канала ') + channel + (document.documentElement.lang === 'en' ? '. Contact: ' : '. Контакт: ') + contact); var tgLink = 'https://t.me/PromtPress_manager?text=' + msg; setTimeout(function(){ var tgBtn = document.createElement('a'); tgBtn.href = tgLink; tgBtn.target = '_blank'; tgBtn.rel = 'noopener'; tgBtn.style.cssText = 'display:inline-block;margin-top:18px;padding:10px 18px;background:var(--crimson);color:white;text-decoration:none;border-radius:8px;font-size:14px;font-weight:600;'; tgBtn.textContent = document.documentElement.lang === 'en' ? 'Message the manager on Telegram' : 'Написать в Telegram менеджеру'; success.appendChild(tgBtn); }, 400); } fetch(AUDIT_API, { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ channel: channel, contact: contact, consent: true, website: honeypot }) }) .then(function(r){ if(!r.ok) throw new Error('HTTP ' + r.status); return r.json(); }) .then(function(data){ if(data && data.ok){ showSuccess(); } else { throw new Error('bad response'); } }) .catch(function(err){ console.warn('[audit] backend unreachable, showing fallback:', err); showFallback(); }); return false; } </script> <script src="https://promtpress.com/assets/mag-nav.js" defer></script><script src="https://promtpress.com/assets/site-chrome.js?v=20260907" defer></script> </body> </html>