<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:media="http://search.yahoo.com/mrss/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:georss="http://www.georss.org/georss">
<channel>
<title>Блог - DEVNEW.ORG</title>
<link>https://devnew.org/</link>
<language>ru</language><item>
<title>База номеров: зачем она нужна и где купить актуальные данные</title>
<link>https://devnew.org/blog/897-baza-nomerov-zachem-ona-nuzhna-i-gde-kupit-aktualnye-dannye.html</link>
<pdalink>https://devnew.org/blog/897-baza-nomerov-zachem-ona-nuzhna-i-gde-kupit-aktualnye-dannye.html</pdalink>
<guid>https://devnew.org/blog/897-baza-nomerov-zachem-ona-nuzhna-i-gde-kupit-aktualnye-dannye.html</guid>
<pubDate>Sat, 14 Jun 2025 11:26:21 +0000</pubDate>
<category>index</category>

<content:encoded><![CDATA[<p>В современном мире цифрового маркетинга информация — ключ к успешному продвижению. Одним из самых ценных инструментов для привлечения клиентов является <strong>база номеров</strong>. Если вы хотите ускорить рост бизнеса, расширить охват аудитории и повысить продажи, стоит задуматься о том, чтобы <strong>купить базу номеров</strong> с актуальными и проверенными контактами.</p> <h3>Что такое база номеров?</h3> <p><strong>База номеров</strong> — это структурированный список телефонных номеров, часто дополненный такими данными, как имя владельца, регион, интересы, род деятельности и т.д. Она используется для:</p> <ul> <li> <p>SMS-рассылок</p> </li> <li> <p>Обзвона потенциальных клиентов</p> </li> <li> <p>Маркетинга через мессенджеры (WhatsApp, Telegram и др.)</p> </li> <li> <p>Продвижения товаров и услуг</p> </li> </ul> <p>Правильно собранная база позволяет избежать "холодных" контактов и сосредоточиться на целевой аудитории.</p> <h3>Почему стоит купить базу номеров?</h3> <p>Самостоятельный сбор контактов занимает много времени и ресурсов, а также не всегда дает нужный результат. Гораздо эффективнее — <strong>купить базу номеров</strong>, уже сегментированную по интересам, регионам или другим параметрам. Это позволит:</p> <ul> <li> <p>Быстро запустить рекламную кампанию</p> </li> <li> <p>Увеличить конверсию</p> </li> <li> <p>Сэкономить время и бюджет</p> </li> </ul> <p>Важно! При покупке базы убедитесь, что она соответствует требованиям законодательства о персональных данных.</p> <h3>Ватсап номеру купить — инструмент прямого контакта</h3> <p>Сегодня огромное количество людей активно используют WhatsApp, и маркетологи не упускают шанс обратиться к клиенту напрямую через этот мессенджер. Поэтому <a href="https://24smm.ru/bazy-akkauntov-i-invajting/bazy-nomerov-whatsapp/" target="_blank" rel="noopener external"><strong>ватсап номеру купить</strong></a> — означает получить возможность отправлять личные сообщения потенциальным клиентам, минуя традиционную рекламу.</p> <p>Такой подход особенно эффективен в нишах:</p> <ul> <li> <p>Онлайн-торговли</p> </li> <li> <p>Курьерских и сервисных услугах</p> </li> <li> <p>Инфобизнесе и онлайн-курсах</p> </li> </ul> <h3>Как выбрать надежного поставщика?</h3> <p>Перед тем как <strong>купить базу номеров</strong> или <a href="https://24smm.ru/bazy-akkauntov-i-invajting/bazy-nomerov-whatsapp/" target="_blank" rel="noopener external"><strong>ватсап номеру купить</strong></a>, обратите внимание на:</p> <ul> <li> <p>Актуальность базы (дата обновления)</p> </li> <li> <p>Сегментацию по нише/региону</p> </li> <li> <p>Отзывы клиентов</p> </li> <li> <p>Гарантии и политику возврата</p> </li> </ul> <p>Хороший поставщик всегда готов предоставить демо-выборку или образец базы для теста.</p> <hr> <p><strong>Вывод:</strong><br><strong>База номеров</strong> — это мощный инструмент для бизнеса, позволяющий эффективно выстраивать коммуникацию с целевой аудиторией. Решив <a href="https://24smm.ru/bazy-akkauntov-i-invajting/bazy-nomerov-whatsapp/" target="_blank" rel="noopener external"><strong>купить базу номеров</strong></a>, вы ускоряете процессы продаж и экономите ресурсы. А если ваша цель — прямое общение через мессенджеры, имеет смысл <a href="https://24smm.ru/bazy-akkauntov-i-invajting/bazy-nomerov-whatsapp/" target="_blank" rel="noopener external"><strong>ватсап номеру купить</strong></a> и начать диалог с клиентом там, где ему удобно.</p>]]></content:encoded>
</item><item>
<title>Как купить криптовалюту</title>
<link>https://devnew.org/blog/896-kak-kupit-kriptovaljutu.html</link>
<pdalink>https://devnew.org/blog/896-kak-kupit-kriptovaljutu.html</pdalink>
<guid>https://devnew.org/blog/896-kak-kupit-kriptovaljutu.html</guid>
<pubDate>Tue, 21 Jan 2025 19:30:53 +0000</pubDate>
<category>index</category>

<enclosure url="https://devnew.org/uploads/posts/2025-01/medium/snimok-jekrana-2025-01-21-182953.webp" type="image/webp" />
<content:encoded><![CDATA[<p style="text-align:center;">Всем Привет!<br>Краткая инструкция как купить криптовалюту.<br><br><b>Для это нужно: </b><br><br>1.Компьютер или телефон.<br>2.Банковская карта с деньгами<br>3.Документы (Паспорт)<br><br>В нашем случае покупать будем через биржу<a href="https://www.bybit.com/invite?ref=OJ06ML" rel="external noopener"> Bybit </a><br><br>Создаем аккаунт <a href="https://www.bybit.com/invite?ref=OJ06ML" rel="external noopener">ПЕРЕХОДИМ</a><br><br><a href="https://devnew.org/uploads/posts/2025-01/snimok-jekrana-2025-01-21-182953.webp" class="highslide"><img src="https://devnew.org/uploads/posts/2025-01/medium/snimok-jekrana-2025-01-21-182953.webp" style="display:block;margin-left:auto;margin-right:auto;" alt=""></a> <br>Указываем почту и придумываем пароль!<br><br></p>]]></content:encoded>
</item><item>
<title>Мощный инструмент для развития бизнеса</title>
<link>https://devnew.org/blog/409-moschnyj-instrument-dlja-razvitija-biznesa.html</link>
<pdalink>https://devnew.org/blog/409-moschnyj-instrument-dlja-razvitija-biznesa.html</pdalink>
<guid>https://devnew.org/blog/409-moschnyj-instrument-dlja-razvitija-biznesa.html</guid>
<pubDate>Sat, 03 Aug 2024 22:25:22 +0000</pubDate>
<category>index</category>

<content:encoded><![CDATA[<p>Владение клиентской базой — это не просто хранение контактов, а мощный инструмент для развития бизнеса. <br><b>Вот несколько плюсов, почему стоит иметь хорошо ведомую базу клиентов: </b><br><br><b>Повышение лояльности:</b> Зная своих клиентов, вы можете предлагать персонализированные предложения, учитывая их интересы и предпочтения. Это способствует укреплению отношений и повышению лояльности. <br><br><b>Эффективный маркетинг: </b>С базой клиентов вы можете настроить точную таргетированную рекламу. Персонализированные сообщения и предложения привлекают больше внимания и увеличивают конверсию. <br><br><b>Анализ и оптимизация:</b> База клиентов помогает анализировать поведение клиентов, исследовать их покупательские привычки и предпочтения. Это позволяет оптимизировать бизнес-процессы и стратегии продаж. <br><br><b>Управление задачами и сделками:</b> С помощью базы можно отслеживать статус сделок, контролировать сроки и планировать действия. Это помогает более эффективно управлять бизнесом. <br><br><b>Сегментация клиентов:</b> База позволяет разделить клиентов на группы по разным параметрам (покупательская история, интересы, демографические данные). Это помогает создавать более целевые и эффективные маркетинговые кампании. <br><br><b>И помните, хорошо ведомая база клиентов — это не только информация, но и возможность для развития вашего бизнеса! ?</b></p>]]></content:encoded>
</item><item>
<title>Эффективность рекламы в Интернете</title>
<link>https://devnew.org/blog/297-jeffektivnost-reklamy-v-internete.html</link>
<pdalink>https://devnew.org/blog/297-jeffektivnost-reklamy-v-internete.html</pdalink>
<guid>https://devnew.org/blog/297-jeffektivnost-reklamy-v-internete.html</guid>
<pubDate>Sat, 20 Apr 2024 19:02:56 +0000</pubDate>
<category>index</category>

<content:encoded><![CDATA[<p>В статье рассматривается эффективность размещения рекламы в Интернете. Дан обзор видов рекламы, а также нескольких экспериментов. Обозначены проблемы измерения эффективности в интернете. <br><br>Реклама в Интернете представляет собой мощное средство, впи­тавшее в себя сильные стороны сразу нескольких коммуникацион­ных каналов, таких, как традиционные СМИ (печать + радио + телевидение) и директ-маркетинг. Интернет-рекламу в первую очередь положительно отличают сравнительно низкая стоимость еще только развивающегося средства, широта охвата аудитории, большой выбор целевых групп, избирательность. <br><br>К достоинствам рекламы в Интернете можно отнести и то, что ее несложно нацеливать на аудиторию по самым различным пара­метрам, по таким, например, как географическое положение поль­зователя (страна, город), по социально-демографическим характе­ристикам пользователя, по времени пользования компьютером, по знакомству с рекламой и т.д. При этом важно отметить, что в сети можно не только нацеливать рекламу определенным образом, но и собирать, анализировать детальную, весьма ценную для ре­кламодателя информацию о пользователях, осуществляя так назы­ваемый трекинг и фиксируя количество и качество пользователей, осуществивших контакт с рекламой, количество показов рекламы, количество кликов, динамику контактов и т.д. Анализ такой инфор­мации позволяет компаниям быстро корректировать рекламную деятельность, повышать ее эффективность. <br><br>Ко всему вышеизложенному стоит добавить, что интернет-рек­лама является весьма простым и точным инструментом измерения эффективности рекламной деятельности. Далее мы рассмотрим самые часто используемые виды рекламы в Интернете: сайт, баннерную и контекстную рекламу. <br><br><b>Сайт <a href="https://devnew.org/sozdanie-lendingov.html">(Заказать у нас сайт) </a></b> <br>Веб-сайт, или просто сайт, — это объединенная в компьютер­ной сети под одним адресом (доменным именем или IP-адресом) совокупность документов частного лица или организации. Любой интернет-сайт сам по себе уже является рекламой компании или товара, которым он посвящен. При размещении информации на сайте нет таких ограничений на объем, как на печатных площадях газет и журналов, в эфире радио и телевидения. Можно разместить сколь угодно много материалов сколь угодно большого объема. <br><br>Что очень важно, размещение информации на сайте — это до­статочно недорогой способ ее распространения. При этом инфор­мация становится доступной для аудитории, находящейся в любом конце света. <br><br>Статистика посещений сайта получается с помощью регистра­ционных программ. Обычно фиксируются хиты и хосты. Хиты (hit, visit) — общее число визитов на сайт за определенное время, например за неделю, месяц и т.д. Хосты (host, site reach) — число уникальных посетителей. <br><br>С помощью автоматической статистики также можно получать информацию по географическому положению пользователя, по времени захода на сайт, по заинтересованности в той или иной ин­формации и т.д. <br><br>Таким образом, статистика позволяет отслеживать эффектив­ность сайта с точки зрения количества посетителей — представи­телей целевой аудитории.</p> <p>Такие данные позволяют работать над содержанием, оптимиза­цией и продвижением сайта в целях повышения его эффективности. В случае если на сайте ведется продажа товаров или услуг, мож­но отслеживать его эффективность именно относительно продаж с помощью показателя CTR (Click-Through Rates). Он представляет собой отношение числа “кликов” к числу показов. CTR измеряется в процентах. Его можно представить в следующем виде: <br><br>CTR = Количество кликов/количество показов х 100%. <br><br>Например, в рамках рекламной кампании сайт посетили 2000 че­ловек, кликнули с целью покупки 18 раз. <br>Соответственно: <br><br>CTR = 0,9% (18 / 2000 х 100%). <br><br>Точно так же можно рассчитать коэффициент эффективности сайта, используя вместо количества кликов — количество реальных покупок. <br><br>При оценке эффективности сайта важно понимать, что он одно­временно выполняет функции двух видов рекламы — продающей и имиджевой. Последнюю (также влияющую на продажи) невозмож­но оценить с помощью оперативной статистики. Для получения результатов воздействия сайта на отношение к товару, на запомина­ние торговой марки и т.д. необходимо проведение дополнительных исследований. <br><br><b>Баннерная реклама </b><br>Баннер — это графическое изображение, аналогичное реклам­ному модулю в прессе, но могущее содержать анимированные эле­менты, а также гиперссылку на сайт или какую-либо страницу ре­кламодателя. <br><br>Эффективность баннера также рассчитывается с использованием показателя CTR. <br><br>Например, в рамках рекламной кампании баннер был показан 1000 раз, а кликнули на него 114 раз. Соответственно: <br><br>CTR = 1,14% (114 / 10 000 х 100%). <br><br>В среднем эффективная баннерная реклама дает 0,1—2% от­клика. Иногда CTR может доходить и до 10%. В таком случае она будет высокоэффективной. Если CTR менее 0,1%, то это считается признаком низкоэффективной рекламы. <br><br>При расчете эффективности баннеров, как и в случае с сайтом, следует иметь в виду, что они одновременно выполняют функции двух видов рекламы — продающей и имиджевой. Интересно, что, согласно данным исследования компании Millward Brown, рост осведомленности о рекламе “на 96% обусловлен ознакомлением потребителя с баннером и всего на 4% — переходом потребителя на Web-страницу рекламодателя после щелчка на баннере. Такое соотношение между ознакомлением и щелчками сохраняется не только для осведомленности, но и для других показателей усиле­ния марки.</p>]]></content:encoded>
</item><item>
<title>Почему выгодно развивать бизнес в Интернете?</title>
<link>https://devnew.org/blog/266-pochemu-vygodno-razvivat-biznes-v-internete.html</link>
<pdalink>https://devnew.org/blog/266-pochemu-vygodno-razvivat-biznes-v-internete.html</pdalink>
<guid>https://devnew.org/blog/266-pochemu-vygodno-razvivat-biznes-v-internete.html</guid>
<pubDate>Fri, 12 Apr 2024 23:22:07 +0000</pubDate>
<category>index</category>

<content:encoded><![CDATA[<p>Бизнес в Интернете давно популярное явление, которое будет только развиваться. Конечно, как и в любом деле здесь присутствуют трудности, но если быть настойчивым и целеустремленным в данной сфере можно добиться грандиозных результатов.</p> <h4 class="elementor-divider__text elementor-divider__element">Какие существуют виды бизнеса в Интернете?</h4> <div class="elementor-element elementor-element-5297228a elementor-widget elementor-widget-text-editor"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"> <p>Рассмотрим виды коммерческой деятельности в сети, насколько они охватывают различные участки и области нашей жизни.</p> <ul> <li>Сайты различные предприятия их могут использовать либо в качестве визитки, то есть размещать виды услуг, товаров, которые реализовывают, данные о компании, контактную информацию — электронную почту, номера телефонов, адрес. Либо описание сервисов, которыми они занимаются непосредственно в Интернете, такую деятельность можно вести и без офиса;</li> <li>Интернет-магазины. Описание и реализация товаров онлайн;</li> <li>Реклама. Продажа рекламы, а также рекламного места в сети;</li> <li>Работа со ссылками. В Интернете осуществляются покупки или продажи ссылок, данная опция помогает продвинуть сайт или получить доход;</li> <li>Оплачиваемые статьи, которые пишутся на заказ, в них могут указываться ссылки на другие сайты. Зарабатывать можно на размещении или написании.</li> <li>Владение различными платежными системами в Интернете.</li> </ul> <p>Деятельность в сети касается множества сфер жизни, сейчас почти, что не каждой. Онлайн заказывают практически любые товары и услуги, а соответственно количество клиентов огромное, как и возможностей для предпринимательства.</p> <h4 class="elementor-heading-title elementor-size-default">Факторы, которые показывают, почему выгодно развивать бизнес в Интернете</h4> <div class="elementor-element elementor-element-6a1062c7 elementor-widget elementor-widget-text-editor"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"> <ul> <li>Безусловным преимуществом бизнеса в Интернете является возможность вести свою деятельность по всему миру;</li> <li>Небольшой стартовый капитал. Чтобы начать дело в сети не нужны огромные капиталовложения;</li> <li>Управление упрощается. Координировать работу можно с любой точки мира и устройства;</li> <li>Сами управляете своим временем. Вы лично решаете когда и сколько работать. Конечно, в начале придется “попотеть”;</li> <li>Реализация собственных идей;</li> <li>Отсутствие верхней черты дохода. Вы не ограничены в заработке, все зависит только от Вас;</li> <li>Созданные с нуля проекты могут конкурировать с сервисами, которые уже давно на рынке;</li> <li>Возможность работать на дому или в тех условиях, где Вам комфортно.<br><br>В ХХІ веке развивать бизнес в Интернете выгодно. Отсутствие границ, свобода в реализации своих идей, огромное количество потенциальных клиентов. Продвигая свою деятельность в сети можно добиться огромного успеха.<br><br> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.625rem;background-color:#e0f2f1;box-shadow:rgba(0,0,0,0.24) 0px 1px 2px;"><a href="https://devnew.org/sozdanie-lendingov.html"><b>Закажите у нас сайт который будет продавать</b></a></div> </li> </ul> </div> </div> </div> </div> </div> </div>]]></content:encoded>
</item><item>
<title>Телеграм: Мессенджер будущего</title>
<link>https://devnew.org/blog/265-telegram-messendzher-buduschego.html</link>
<pdalink>https://devnew.org/blog/265-telegram-messendzher-buduschego.html</pdalink>
<guid>https://devnew.org/blog/265-telegram-messendzher-buduschego.html</guid>
<pubDate>Fri, 12 Apr 2024 23:12:16 +0000</pubDate>
<category>index</category>

<content:encoded><![CDATA[<p>С развитием технологий и расширением интернет-пространства мессенджеры стали неотъемлемой частью нашей повседневной жизни. Один из таких мессенджеров — Telegram. Почему он заслуживает внимания и какие преимущества он предоставляет. <br><br><b>1.</b> Конфиденциальность и безопасность Telegram славится своей надежностью. Он использует протокол MTProto, который обеспечивает высокий уровень шифрования данных. Пользователи могут создавать секретные чаты с автоматическим удалением сообщений, что делает их переписку еще более конфиденциальной. <br><br><b>2.</b> Большие возможности для общения Telegram позволяет отправлять текстовые сообщения, голосовые сообщения, фотографии, видео, аудиозаписи, документы и даже геолокацию. Это делает его универсальным инструментом для общения. <br><br><b>3.</b> Каналы и боты Telegram поддерживает создание каналов, где пользователи могут подписываться на интересующие их темы. Также здесь есть боты — автоматизированные аккаунты, которые могут выполнять различные задачи: от предоставления новостей до игр. <br><br><b>4.</b> Открытая платформа Telegram предоставляет API для разработчиков, что позволяет создавать собственные боты и приложения на его базе. Это способствует инновациям и разнообразию функционала. <br><br><b>5.</b> Мультиплатформенность Telegram доступен на разных устройствах: смартфонах, планшетах, компьютерах. Вы можете продолжать общение, где бы вы ни находились. <br><br>В заключение, Telegram — это не просто мессенджер, а целая экосистема для общения, информационного обмена и развлечений. Его преимущества делают его незаменимым инструментом в современном мире.</p>]]></content:encoded>
</item><item>
<title>Что такое инвайтинг?</title>
<link>https://devnew.org/blog/114-chto-takoe-invajting.html</link>
<pdalink>https://devnew.org/blog/114-chto-takoe-invajting.html</pdalink>
<guid>https://devnew.org/blog/114-chto-takoe-invajting.html</guid>
<pubDate>Sat, 09 Mar 2024 13:34:55 +0000</pubDate>
<category>index</category>

<content:encoded><![CDATA[<div class="blog-article-entity"> <p><b>Инвайтинг</b> — это рассылка приглашений, в которых пользователям рекомендуют вступить в сообщество или принять участие в мероприятии.</p> </div> <div class="blog-article-entity"> <p>Его проводят администраторы группы или сообщества. Он является инвайтером. Основная цель инвайтинга — увеличить аудиторию, заинтересованную в тематике сообщества. </p> </div> <div class="blog-article-entity"> <p>Суть задачи — переслать как можно больше инвайтов от зарегистрированных членов сообщества незарегистрированном. Отправка таких сообщений открыта и отслеживается модераторами. Такой способ привлечения подписчиков и членов сообщества нашел самое широкое проявление. В «Инстаграме», «<a href="https://devnew.org/bazy-akkauntov-i-invajting/invajting-telegram/">Телеграмме</a>» и других социальных сетях он не так популярен.</p> <div class="blog-article-entity"> <p><b>Инвайтинг в социальных сетях нужен чтобы: </b></p> </div> <ul> <li>сегментировать целевую аудиторию и найти заинтересованных пользователей; </li> <li>анализировать информацию о группе; </li> <li>система для автоматического инвайтинга выявляет категорию пользователей, заинтересованных в участии; </li> <li>решать маркетинговые задачи;</li> <li>рассылать заинтересованной аудитории приглашения — наращивать аудиторию; </li> <li>привлечь интерес пользователей и увеличить количество продаж;</li> </ul> <div class="blog-article-entity"> <p>Правильная настройка автоматического инвайтинга обеспечивает плавный и стабильный рост аудитории.</p> </div> </div>]]></content:encoded>
</item><item>
<title>Общение с клиентом в WhatsApp: как быть всегда на связи</title>
<link>https://devnew.org/blog/890-obschenie-s-klientom-v-whatsapp-kak-byt-vsegda-na-svjazi.html</link>
<pdalink>https://devnew.org/blog/890-obschenie-s-klientom-v-whatsapp-kak-byt-vsegda-na-svjazi.html</pdalink>
<guid>https://devnew.org/blog/890-obschenie-s-klientom-v-whatsapp-kak-byt-vsegda-na-svjazi.html</guid>
<pubDate>Wed, 03 Jan 2024 18:24:09 +0000</pubDate>
<category>index</category>

<content:encoded><![CDATA[<p>WhatsApp Business API – это удобный и простой способ общения с клиентами, позволяющий быть ближе, понятнее и оперативнее. Очевидных выгод достаточно и для клиентов, и для бизнеса. Компания получает дополнительную информацию о потребителях своих товаров и услуг, возможности общаться с ними по важным вопросам, поддерживая в них лояльность бренду. Клиент – оперативную реакцию на свои запросы, решение своих проблем и свежую информацию об акциях и особых условиях для подписчиков.</p> <p>Чтобы общаться с клиентом в WhatsApp Business API, не нужен телефон. При этом ваш клиент будет видеть точно такой же аккаунт, как если бы вы писали ему через номер мобильника. То есть, при общении с клиентом через WhatsApp Business API окно выглядит для него привычно и не вызовет даже малейшего дискомфорта. Всё как при общении с лучшим другом.</p> <p>Отличия есть, ведь вы – бизнес-аккаунт. И в этом случае у вас при общении с клиентом через WhatsApp Business API есть несомненные плюсы. Например, вы можете получить официальное подтверждение своего аккаунта и вместе с этим зелёную галочку, которая будет отображаться рядом с названием вашей компании. В профиле вы сможете указать все ваши контакты и адреса. В отличие от личных профилей в бизнес-профиле не будет отображаться статус онлайн-офлайн и время последнего входа. Да это и не к чему, ведь при общении с клиентом через WhatsApp Business API вы будете на связи 24/7.</p> <h2 id="wz24-toc-anchor-0" class="wz24-header"><b>Что такое «зелёная галочка» и зачем она нужна</b>?</h2> <p>Зелёная галочка – это подтверждённый бизнес-аккаунт. В первую очередь это формирует доверие к бренду. Такой значок рядом с названием компании бросается в глаза и современный пользователь уже знает – здесь всё серьёзно. И это так. WhatsApp Business API интегрирован с Facebook. Чтобы подключить возможность общения с клиентом через WhatsApp Business API, согласование придётся получить именно в Facebook. А все знают, как относится эта компания к чистоте и своих ресурсов, и своего имени. Помимо зелёной галочки у вас будет ещё и целый бизнес-профиль с контактами и другой важной информацией и волшебное слов «официальный» рядом с именем. У неподтверждённых аккаунтов – только название компании и телефон.</p> <p>И пусть вас не пугает необходимость контактировать с Facebook. Всё происходит по переписке. Правда, занимает некоторое время. Но постоять в очереди за статусом у такого крупного игрока цифрового рынка очень даже стоит. В первую очередь вам необходимо подать заявку в Facebook через техническую поддержку Wazzup. В заявке вас попросят указать название бренда, сайт компании, страницу на Facebook, ссылки на материалы о компании на внешних ресурсах. То есть самую обычную информацию, доступную любому пользователю, который захочет найти вас в сети. Эти простые данные и послужат основой для принятия компанией Facebook решения о присвоении вам зелёной галочки.</p> <p>Времени эта процедура занимает от одной недели до трёх. Денег никаких платить не нужно. Да и делать, по сути, ничего больше не нужно, сотрудники сервиса Wazzup всё сделают сами.</p> <h2 id="wz24-toc-anchor-1" class="wz24-header"><b>С чего начать?</b></h2> <p>Стоит помнить, что к официально подтверждённым аккаунтам в WhatsApp Business API предъявляют высокие требования. Касается это и общения с клиентами в WhatsApp.</p> <p>Если клиент начнёт общение в WhatsApp сам, будет идеально. Однако, это не всегда возможно. Поэтому рассмотрим варианты, когда необходимо начать общаться с клиентом в WhatsApp самим.</p> <p>Если вы сами подписывались когда-нибудь на рассылки сообщений от магазинов, онлайн-школ или вашего фитнес-клуба, то, наверняка, видели что-то типа: разрешить пользователю отправлять вам сообщения.</p> <p>Аналогично реализуется механизм и при общении с клиентом в WhatsApp Business API. WhatsApp против навязчивой рекламной рассылки, поэтому требует от компаний получить согласие клиента на отправку сообщений. На вашем сайте будет размещено небольшое окошко, куда клиент сможет ввести свой номер телефона и тут же получит ответ от вашего бизнес-аккаунта. Это удобно, просто, легально и решение принимается самим человеком.<br><br></p> <h3 id="wz24-toc-anchor-2" class="wz24-header"><b>Клиент пишет первым</b></h3> <p>Для того, чтобы клиент написал первым, нужна какая-то мотивация. Если человек узнал как-то о вашем бизнесе или продукте и целенаправленно искал вас, чтобы написать и что-то приобрести – это вариант самый желанный и самый лучший. Но привести клиента для общения в WhatsApp вполне реально, создав эту потребность и путь.</p> <p>Первый вариант мы уже упоминали: чтобы мотивировать клиентов первыми начать общаться с вами через WhatsApp разместите WhatsApp-кнопку или ссылку, ведущую прямо в мессенджер.</p> <h3 id="wz24-toc-anchor-3" class="wz24-header"><b>Вы пишите первыми</b></h3> <p>Для этого у вас должен быть номер телефона вашего клиента.</p> <p>При общении с клиентом через WhatsApp Business API первым вы можете отправить только шаблонное сообщение. Адресат может быть один, а может быть группа клиентов. Конкретную форму реализации этой задумки помогут разработать и реализовать на платформе Wazzup. Особенно это удобно, если уже есть интеграция с CRM. В этом случае сообщения могут отправляться из неё. Это может быть информация о смене статуса заказа, доставке товара или ответ службы поддержки, график работы в выходные. Что важно, общаться с клиентов в WhatsApp до этого момента вовсе нет необходимости. Вы пишите первым, вы инициатор диалога и постарайтесь вести его так, чтобы клиент ответил и продолжил его.</p> <h2 id="wz24-toc-anchor-4" class="wz24-header"><b>Как мотивировать клиента</b></h2> <p>При общении с клиентом через WhatsApp Business API важно, чтобы оно было ценным и позволяло вашему клиенту получать что-то важное для себя. Тогда останется вопрос актуализации этой важности и ценности и последующая работа на неё. И общаться с клиентом в WhatsApp при таком раскладе вы будет долго и плодотворно. Как правило, первые и актуальные вопросы будут касаться вашего продукта или услуги, поэтому дайте возможность клиенту задать вопрос именно по вашему продукту, какой-то целевой, ответ на который неизбежно повлечёт общение с клиентом в WhatsApp.</p> <p>Далее следует придерживаться простых правил. При общении с клиентом через WhatsApp Business API избегайте большого числа рассылок с откровенно продающим содержанием. То, что вы хотите донести до клиента, должно либо решать его проблему, либо облегчать взаимодействие с вами и вашим продуктом, либо отвечать иным ценностям.</p> <p>Что будет, если этой рекомендацией пренебречь? Клиент может пожаловаться на спам. WhatsApp вас не заблокирует, но может ограничить рассылку ваших сообщений. И вы не сможете писать первыми вашим потенциальным клиентам. Ограничение продлится сутки, но подумайте, сколько вы потеряете, если остальные во время вашей вынужденной блокировки не получат важное для них сообщение в WhatsApp.</p> <h2 id="wz24-toc-anchor-5" class="wz24-header"><b>Только сутки на всё</b></h2> <p>Тут мы вплотную подошли к правилу 24 часов. При общении с клиентом через WhatsApp Business API важно не прерывать диалог больше, чем на 24 часа.</p> <p>В WhatsApp Business API для общения с клиентами разрешены два вида сообщений. В течение суток вы можете и должны поддерживать контакт с вашими постоянными клиентами, отправляя необходимую им информацию. Второй вариант сообщений – это шаблоны, которые необходимо согласовывать с Facebook и которые можно отправить, если диалог прервался более чем на 24 часа.</p> <p>Как это реализовано на практике? Когда клиент пишет вам в WhatsApp первым, открывается окно свободного общения. Срок его работы – 24 часа. В это время клиент может написать вам в чат или нажать на одну из кнопок в сообщении. Каждый раз после этого 24 часа начинают отсчитываться с нуля. Со своей стороны вы можете использовать этот временной промежуток по-разному. При общении с клиентом через WhatsApp Business API в этот период можно делать рассылки неоднократно, писать пользователю вручную или через чат-ботов. Не забывайте соблюдать правила WhatsApp.</p> <p>Само сообщение может содержать медиафайлы любого допустимого формата, в том числе PDF-документ, что позволяет нам использовать рассылку для отправки важных документов. Опять же, если ваш WhatsApp Business API интегрирован с CRM, то отправлять их можно автоматически.</p> <h2 id="wz24-toc-anchor-6" class="wz24-header"><b>Когда окно закрыто</b></h2> <p>Итак, прошло больше суток. Диалог с клиентом закрылся. Что делать? Теперь при общении с клиентом через WhatsApp Business API мы можете отправить только шаблонное сообщение, согласованное с Facebook. Об этом лучше позаботиться заранее и поручить сотрудникам Wazzup согласовать тексты шаблонов с Facebook.</p> <p>Что такое шаблонное сообщение?</p> <p>Это некий текст некоммерческого содержания, в котором большая часть будет постоянной, но допустимы и переменные – информационные блоки, которые будет меняться в зависимости от товара, услуги, времени и способа коммуникации. Проверку проходит только постоянный текст. При общении с клиентом через WhatsApp Business API шаблон вам необходимо согласовать лишь раз, затем вы можете свободно его использовать не единожды.</p> <p>Например, вы можете отправить своим клиентам сообщение такого типа: “<i>Хорошая новость для наших подписчиков» и ссылка на информация на вашем ресурсе.”<br></i></p> <p>Самое главное, чтобы оно было важным и ценным для ваших клиентов и отвечало тем запросам, которые у их были ранее в адрес вашего товара или услуги.</p> <h2 id="wz24-toc-anchor-7" class="wz24-header"><b>Широкий спектр шаблонов</b></h2> <p>При общении с клиентом через WhatsApp Business API есть возможность использовать различные типы шаблонов: текстовые, мультимедийные и сообщения с кнопками. Содержание картинок и документов согласовывать не нужно.</p> <p>Сообщения с кнопками знакомы всем. Это удобно и просто интуитивно понятно. Клиент отвечает одним касанием на нужную кнопку и снова получает необходимую информацию. Диалоги с кнопками увеличивают частоту ответов на сообщения почти в 2 раза. Очевидно, что в таком диалоге максимально возможное число ответов и вариантов развития событий, и легко предсказать и направить клиента туда, куда вам необходимо комфортным для него способом. При этом вы существенно сэкономите и его и своё время.</p> <h2 id="wz24-toc-anchor-8" class="wz24-header"><b>Согласовываем шаблоны</b></h2> <p>Через платформу Wazzup вы отправляете шаблон сообщения в WhatsApp от имени вашей компании. Рассчитывайте на день согласования. Согласование может длится от 2 до 6 часов. Если срок больше суток, то шаблон проходит ручную проверку модераторов.</p> <p>Если время критично, постарайтесь соблюсти все правила Facebook относительно шаблонов.</p> <p>Как уже мы отмечали ранее, текст не должен быть рекламным. Зато должен быть вежливым и толерантным. Важно, чтобы сообщение было связано с предыдущими запросами клиента и он его ждал. При общении с клиентом через WhatsApp Business API в шаблоне могут присутствовать слова: регистрация аккаунта, платёж, подписка, обращались ранее и другие. Шаблоны не должны нарушать политику WhatsApp Business и торговую политику WhatsApp. Проверьте в шаблоне ошибки орфографические и грамматические.</p> <p>В некоторые шаблоны можно включить URL-адрес. Но тогда домен должен принадлежать вашей компании. Ещё WhatsApp не любит сокращённые ссылки, ведь там не виден путь, куда она ведёт. В таком случае лучше сделать ссылку кнопкой или расположить ссылку в переменной части, которая проверку не проходит.</p> <p>Шаблоны с кнопками согласовываются отдельно. Например, кнопка-ответ, кнопка-ссылка или кнопка-телефон. В одном шаблоне должно быть лишь одно медиавложение. Так, картинку и документ вместе прикреплять и согласовывать не выйдет. Само вложение проверку не проходит. Но если оно предусмотрено, то отправить на проверку шаблон без него не получится.<br><br></p> <p>Измениться статус шаблона может и после его успешного подтверждения в Facebook. На него могут повлиять ваши пользователи, если сочтут содержание некорректным, навязчивым, в общем, спамом. Статус шаблона изменится на «Отмечен». Если в течение 7 дней качество шаблона поднимается до высокого или среднего, шаблону возвращается статус «Подтверждён».</p> <p>Если после получения статуса «Отмечен» качество шаблона не улучшается в течение 7 дней, он получает статус «Заблокирован». Его уже нельзя будет редактировать и снова рассылать.</p> <h2 id="wz24-toc-anchor-9" class="wz24-header"><b>Сколько можно отправить?</b></h2> <p>При общении с клиентом через WhatsApp Business API стоит соблюдать простые правила и тогда ваши сообщения не станут спамом.</p> <p>Рейтинг качества аккаунта (номера) оценивает, как вы общаетесь с клиентом в WhatsApp и насколько качественные ваши тексты. В том случае, если сообщений много и они однотипны, клиенты могут часто жаловаться на спам и рейтинг неизбежно поползёт вниз. А вот если клиенты часто пишут сами, система оценит ваше общение с клиентами через WhatsApp положительно и то рейтинг вырастет. Рейтинг также указан в вашем личном кабинете на Wazzup.</p> <p>Рейтинг качества аккаунта похож на светофор: зелёный – высокий, жёлтый – средний и красный – низкий.</p> <p>Достоинство системы в том, что Facebook даёт возможность исправлять сообщения, помеченные как спам. Вы увидите статус Flagged и у вас есть 7 дней, чтобы дорасти до идеального сообщения. За этот срок исправьте текст. Иначе ваш уровень автоматически снизится.</p> <p>При общении с клиентом через WhatsApp Business API вы можете использовать несколько номеров телефонов. Рейтинг качества будет у каждого свой. Если снизился рейтинг только одного, WhatsApp будет более внимательным к жалобам клиентов на другие ваши активности. Здесь есть риск как минимум получить суточное ограничение на общение, о котором мы писали выше.</p> <h2 id="wz24-toc-anchor-10" class="wz24-header"><b>Ограничение рассылок</b></h2> <p>При общении с клиентом через WhatsApp Business API следует иметь в виду, что количество уникальных получателей ваших сообщений в течение суток имеет ограничение. Касается это только сообщений, которые вы отправляете за пределами 24-часового окна. Здесь как раз речь идёт о ваших шаблонах. Число уникальных получателей вашей рассылки зависит от качества аккаунта. См. предыдущий раздел.</p> <p>Существует три ограничения на число сообщений при общении с клиентом через WhatsApp Business API:</p> <ol> <li>Можно отправлять в течение 24-часового окна сообщения не более чем 1000 (одной тысяче) уникальных контактов.</li> <li>Можно отправлять в течение 24-часового окна сообщения не более чем 10000 (десяти тысячам) уникальных контактов.</li> <li>Можно отправлять в течение 24-часового окна сообщения не более чем 100000 (ста тысячам) уникальных контактов.</li> </ol> <p>Если вы только зарегистрировали номер телефона, то при общении с клиентом через WhatsApp Business API вам будет доступна рассылка до 1000 контактов. Если телефонов несколько, то у каждого может быть свой уровень. Чтобы повысить число рассылаемых сообщений, рейтинг качества номера не должен быть низкий, а общее количество уникальных получателей шаблонных сообщений за пределами 24-часового окна должно в два раза превысить ваш текущий лимит сообщений в течение 7 дней.</p> <p>При общении с клиентом через WhatsApp Business API WhatsApp отслеживает качество отправляемых сообщений, как мы уже отмечали ранее. Если на сообщения поступали жалобы пользователей, то показатель качества снизился, а вслед за ним вас ограничат и в количестве отправляемых сообщений.</p> <p>Чтобы оставаться на своём уровне рассылки, помните, что клиенты должны дать согласие на получение ваших сообщений. Также WhatsApp рекомендует при отправке личных сообщений избегать воды, общаться чётко и по делу, отвечать только на заданные клиентом вопросы. Если необходимо отправить большую рассылку, сам сервис рекомендует воспользоваться шаблонными сообщениями.</p> <p>Снизить уровень может и большое число сообщений в день в адрес одного и того же клиента. Придумайте лучше способы, позволяющие клиенту связаться менеджером и получить ответы именно на свои вопросы, не выискивая рациональное зерно в массе текста. Например, к сообщению можно добавить кнопку прямой связи с консультантом.</p> <p>При общении с клиентом через WhatsApp Business API не забудьте дать клиенту возможность отписаться от ваших сообщений, добавив кнопку «Отписаться». И больше не отправляйте на этот номер сообщения, чтобы не снизить рейтинг. Не стоит бояться, что люди будут отписываться. Если они получили товар или услугу и ушли довольные, они могут вернуться или посоветовать вас друзьям. А вот если после отписки они снова получают раз за разом ваши сообщения, то ничего не помешает им нажать «Спам». Чем это грозит, мы уже подробно рассказали.</p> <p>Стоит провести работу по разграничению групп ваших клиентов и отправлять рассылки, ссылаясь на их интересы, ранее сделанные заказы или на товары и услуги, которыми они интересовались и которые у вас теперь есть. Так ваше предложение получит именно целевая группа, практически готовая к покупке, пропадёт риск попасть в спам и не потянет за собой вниз рейтинги и ограничения. Добавьте кнопку «Подробнее» при общении с клиентом через WhatsApp Business API и ненавязчиво ведите клиента туда, куда вам надо.</p> <h2 id="wz24-toc-anchor-11" class="wz24-header"><b>Подключение WhatsApp Business API через Wazzup</b></h2> <p>Для общения с клиентом через WhatsApp вам необходимо будет при помощи сервиса Wazzup согласовать войти действия с Facebook. На подключение телефонного номера уйдёт от 2 до 7 дней.</p> <p>Специалисты Wazzup помогут вам на всех этапах подключения.</p> <p>Этап 1. Подайте заявку на регистрацию номера. Укажите там данные о вашей компании (контактное лицо, e-mail и юридическое лицо), номер телефона, который подключаете к WhatsApp, ID вашего Facebook Business Manager (здесь тоже помогут специалисты Wazzup).</p> <p>Номера для общения с клиентом через WhatsApp Business API могут быть городские и мобильные. Бесплатные номера 8-800 подключить не получится. Есть одно ограничение: можно подключить новый номер, который не использовался для регистрации в мессенджере, или номер телефона, которым не пользовались в WhatsApp более полугода.</p> <p>Этап 2. Получить одобрение номера WhatsApp. Этот этап занимает до 7 дней. Может потребоваться дополнительная информация о вашей компании.</p> <p>Этап 3. Верификация. На номер придёт SMS или поступит звонок с 6-значным кодом для вашего подключения.</p> <p>И самое главное, вы не потеряете и одного клиентского номера при переходе на общении с клиентом через WhatsApp Business API. Вы можете просто отправить всем им сообщение с предложением продолжать общение в WhatsApp на новом номере.</p>]]></content:encoded>
</item><item>
<title>Урок 12. Что такой CSS-спрайты, сервисы и генераторы спрайтов</title>
<link>https://devnew.org/blog/learn-html/888-urok-12-chto-takoj-css-sprajty-servisy-i-generatory-sprajtov.html</link>
<pdalink>https://devnew.org/blog/learn-html/888-urok-12-chto-takoj-css-sprajty-servisy-i-generatory-sprajtov.html</pdalink>
<guid>https://devnew.org/blog/learn-html/888-urok-12-chto-takoj-css-sprajty-servisy-i-generatory-sprajtov.html</guid>
<pubDate>Tue, 24 Oct 2023 20:20:53 +0000</pubDate>
<category>index</category>

<content:encoded><![CDATA[<p>Остановимся поподробнее на таком интересном инструменте, как css-спрайты. Многие опытные верстальщики и веб-мастера прекрасно знают о плюсах этой незамысловатой техники. Положительная сторона использования спрайтов в том, что значительно сокращается время загрузки страницы за счет уменьшения количества отдельных изображений. В современных стандартах верстки принято небольшие иконки и изображения тем группировать в специальный сборник изображений. Проще говоря, спрайт представляет из себя картинку, включающую в себя набор мелких картинок темы.</p> <p>Таким образом, когда мы группируем мелкие изображения, мы сокращаем количество запросов к серверу. Наша страница подгружает только одну картинку вместо 30 маленьких. Это дает существенный выигрыш в скорости загрузки.</p> <p><span>Вкратце: CSS Sprites - это средство объединения нескольких изображений в один файл для использования на сайте, чтобы существенно увеличить производительность. Понятие </span>Sprite может показаться немного неправильным, учитывая, что вы создаете большое изображение, а не работает с маленькими.</p> <p><span>Подводя итог: термин «спрайты» происходит из техники в компьютерной графике, чаще всего используемой в видеоиграх. Идея заключалась в том, чтобы сохранить изображение в память, а затем отображать только часть этого изображения, что было быстрее, чем при получение новых изображений. <br></span></p> <p><span>CSS Sprites - это в значительной степени точная теория: получить изображение один раз, переместить фон и отобразить только его части. Это уменьшает накладные расходы при получении нескольких изображений.</span></p> <p><span>Для создания спрайтов существует огромное количество сервисов на просторах интернета. Достаточно лишь набрать соответствующий запрос в поисковике. Если очень лень искать, вот несколько популярных ресурсов на эту тему. <a href="https://www.toptal.com/developers/css/sprite-generator" rel="external noopener">Генератор спрайтов toptal</a>, <a href="https://ru.inettools.net/image/generator-css-spraytov" rel="external noopener">генератор спрайтов inettools</a>. Предположим, то вы нарезали свой шаблон, выбрали все маленькие иконки, создали из него спрайт, что же дальше?<br><br></span></p> <h2>Как использовать иконки из спрайта</h2> <p>Теперь разберем порядок действий при работе со спрайтом.</p> <ul> <li>Создадим общий класс, например, назовем его .sprite, фоном которого является данное изображение, которое создано при помощи генератора sprite.png. Этому же классу зададим высоту и ширину, которая будет высотой и шириной иконок спрайта, если они одинаковы по размеру. </li> <li>Для блоков, где нужно использовать данную иконку, задаем смещение фона на нужную величину с помощью css-свойства <em><strong>background-position</strong></em>. <a href="https://devnew.org/learn-html/652-urok-11-fon-sajta-s-pomoschju-css-svojstvo-background.html">Подробнее о фонах</a> в предыдущей статье.</li> </ul> <p>Пример:</p> <pre><code class="hljs css"><span class="hljs-class">.sprite</span> <span class="hljs-rules">{</span><br><span class="hljs-rules"> <span class="hljs-rule"><span class="hljs-attribute">width</span>:<span class="hljs-value"> <span class="hljs-number">30px</span></span></span>;</span><br><span class="hljs-rules"> <span class="hljs-rule"><span class="hljs-attribute">height</span>:<span class="hljs-value"> <span class="hljs-number">30px</span></span></span>;</span><br><span class="hljs-rules"> <span class="hljs-rule"><span class="hljs-attribute">background</span>:<span class="hljs-value"> <span class="hljs-function">url</span>(<span class="hljs-string">"/assets/img/sprite.png"</span>)</span></span>;</span><br><span class="hljs-rules"><span class="hljs-rule">}</span></span><br><span class="hljs-class">.sprite-icon1</span> <span class="hljs-rules">{</span><br><span class="hljs-rules"> <span class="hljs-rule"><span class="hljs-attribute">background-position</span>:<span class="hljs-value"> <span class="hljs-number">0</span> -<span class="hljs-number">80px</span></span></span>;</span><br><span class="hljs-rules"><span class="hljs-rule">}</span></span></code></pre> <p><span><b><span style="color:rgb(53,152,219);"><br>Good work</span></b></span></p>]]></content:encoded>
</item><item>
<title>Урок 11. Фон сайта с помощью CSS. Свойство background</title>
<link>https://devnew.org/blog/learn-html/887-urok-11-fon-sajta-s-pomoschju-css-svojstvo-background.html</link>
<pdalink>https://devnew.org/blog/learn-html/887-urok-11-fon-sajta-s-pomoschju-css-svojstvo-background.html</pdalink>
<guid>https://devnew.org/blog/learn-html/887-urok-11-fon-sajta-s-pomoschju-css-svojstvo-background.html</guid>
<pubDate>Tue, 24 Oct 2023 20:16:44 +0000</pubDate>
<category>index</category>

<content:encoded><![CDATA[<div class="entry-content"> <div class="entry-content"> <p>Чтобы придать любой html-странице свой стиль и индивидуальность, активно используют фоны для элементов и страницы в целом. За этот момент оформления отвечает целый раздел css-свойства, которые начинаются со слова <strong>background</strong>.</p> <h2>Как задать цвет и изображение фона сайта</h2> <p>Для задания цвета фона используют свойство <strong><em>background-color</em></strong>, оно принимает значения в шестнадцатеричном формате цвета, в формате RGB, задание цвета при помощи ключевых слов.</p> <p>Чтобы использовать в качестве фона сайта изображения, применяют свойство <strong><em>background-image</em></strong>, где указывают ссылку на файл. Можно использовать одновременно и вариант с цветом фона, и с изображением. Тогда изображение накладывается поверх фона определенного цвета.</p> <p>Теперь поговорим о том, как регулировать повторение фонового изображения, как растянуть его на весь экран и т.д. Свойство, которое отвечает за повтор фона, называется <em><strong>background-repeat</strong></em>. Оно принимает четыре значения. В качестве значения по умолчанию принимается repeat (повторять по вертикали и горизонтали). Три других значения:</p> <ul> <li>repeat-x - повторяет изображение по горизонтали</li> <li>repeat-y - повторяет изображение по вертикали</li> <li>no-repeat - не повторяет изображение совсем</li> </ul> <p>Для задания размера фонового изображения сайта используют свойство <strong><em>background-size</em></strong>, оно принимает значения в процентах, пикселях и слово auto. Имеет два значения через пробел. Первое значение отвечает за растяжение по горизонтали, второе по вертикали. Если первое значение задано (например, 100%), а второе значение выставлено auto, то фон по горизонтали растянется на весь размер блока, а по вертикали подгоняет высоту для данной ширины. Есть еще два значения для этого свойства (cover и contain). Cover изменяет размеры изображения так, чтобы блок был полностью закрыт картинкой, а contain так, чтобы картинка поместилась в блок целиком. Cover и contain задаются по одному, через пробел уже ничего писать не нужно.</p> <p>Пример. Зададим цвет фона, его изображение без повтора и растянем его по ширине и высоте:</p> <pre><code class="hljs css"><span class="hljs-class">.block</span> <span class="hljs-rules">{</span><br><span class="hljs-rules"> <span class="hljs-rule"><span class="hljs-attribute">background-color</span>:<span class="hljs-value"> <span class="hljs-hexcolor">#eee</span></span></span>;</span><br><span class="hljs-rules"> <span class="hljs-rule"><span class="hljs-attribute">background-image</span>:<span class="hljs-value"> <span class="hljs-function">url</span>(<span class="hljs-string">"/assets/img/image.png"</span>)</span></span>;</span><br><span class="hljs-rules"> <span class="hljs-rule"><span class="hljs-attribute">background-repeat</span>:<span class="hljs-value"> no-repeat</span></span>;</span><br><span class="hljs-rules"> <span class="hljs-rule"><span class="hljs-attribute">background-size</span>:<span class="hljs-value"> <span class="hljs-number">100%</span> <span class="hljs-number">100%</span></span></span>;</span><br><span class="hljs-rules"><span class="hljs-rule">}</span></span></code></pre> <h3>Положение фонового изображения, background-position</h3> <p>Немного подробнее остановимся на работе с фоновым изображением, которое не нужно повторять. Для регулирования нахождения этого изображения внутри блока, которому мы задаем фон, используется CSS-свойство <em><strong>background-position</strong></em>. Это свойство принимает два значения через пробел. Первое определяет положение по оси x (горизонтали), второе по оси y (вертикали).</p> <p>Единицы измерения этих двух величин проценты и пиксели. Еще они принимают значения top, bottom, left, right, center. Значения для оси x, естественно, left, right, center. Значения для оси y - top, bottom, center. Единицы измерения, значения, пиксели и проценты можно комбинировать между собой в произвольном формате. В примере ниже зададим позиции для фонового изображения. В первом случае будет изображение по центру в процентах. Во втором случае изображение в правом нижнем углу блока. В третьем случает изображение сдвинуто на 50 пикселей слева и на 100 пикселей сверху. Пример:</p> <pre><code class="hljs css"><span class="hljs-class">.block1</span> <span class="hljs-rules">{<span class="hljs-rule"><span class="hljs-attribute">background-position</span>:<span class="hljs-value"> <span class="hljs-number">50%</span> <span class="hljs-number">50%</span></span></span>;<span class="hljs-rule">}</span></span><br><span class="hljs-class">.block2</span> <span class="hljs-rules">{<span class="hljs-rule"><span class="hljs-attribute">background-position</span>:<span class="hljs-value"> right bottom</span></span>;<span class="hljs-rule">}</span></span><br><span class="hljs-class">.block3</span> <span class="hljs-rules">{<span class="hljs-rule"><span class="hljs-attribute">background-position</span>:<span class="hljs-value"> <span class="hljs-number">50px</span> <span class="hljs-number">100px</span></span></span>;<span class="hljs-rule">}</span></span></code></pre> <h3>Фиксим фонового изображения, background-attachment</h3> <p>Иногда для создания визуальных эффектов нужно, чтобы фон при прокрутки не уезжал вместе с просмотренной частью страницы, а оставался на месте. Это будет создавать интересный эффект параллакса.</p> <p>Для фиксации фона используется css-свойство<em><strong> background-attachement</strong></em>. Оно принимает два значения, scroll - значение по умолчанию, прокрутка вместе со всем остальным содержимым, fixed - фон остается на месте при прокрутке.</p> <h2>CSS-свойство background</h2> <p>Чтобы обобщить все вышеперечисленные громоздкие конструкции в CSS есть свойства для их объединения, <em><strong>background</strong></em>. Оно имеет следующую структуру <em><strong>background: background-color background-image background-repeat background-position background-attachement; </strong></em>Все значения этих свойств перечисляются через пробел. Если заданы не все свойства, то они имеют значения по умолчанию. Например:</p> <pre><code class="hljs css"><span class="hljs-class">.block</span> <span class="hljs-rules">{</span><br><span class="hljs-rules"><span class="hljs-rule"><span class="hljs-attribute">background</span>:<span class="hljs-value"> <span class="hljs-hexcolor">#eee</span> <span class="hljs-function">url</span>(<span class="hljs-string">"/assets/img/image.png"</span>) center center</span></span>;</span><br><span class="hljs-rules"><span class="hljs-rule">}</span></span></code></pre> </div> </div>]]></content:encoded>
</item></channel></rss>