Description bitrix: Карта сайта

Содержание

Bitrix — особенности SEO оптимизации

В январе 2018 года было принято решение о замене движка этого сайта с WordPress на CMS 1С-Битрикс. Данное решение было аргументированно несколькими соображениями, одно из которых — правильное сетевое продвижение. Путь переноса был тернистым, но однозначно удачным. Вообще начинающему пользователю сложно прийти к аргументированному выбору какую именно CMS выбрать для блога. Мой выбор пал на — 1с Битрикс и ниже поясню почему.

Собственно, а что такое Битрикс? Битрикс это программа на хостинге, которая выстраивает взаимоотношения от разработчика шаблона к контент-менеджеру. Позволяет Вам вести ваш бизнес как пользователь, не влезая во все дебри интернет-кодинга. Мир этот сложный, мне не все нравится, но я влился и активно это поддерживаю.

Основных и аргументированных причин выбора у меня две:

1. Хорошая защита. На протяжении нескольких лет не было взлома и останова сайтов

2.

Удобная система SEO продвижения как инструмент

Предисловие


Битрикс что это такое? 1C-Bitrix это система управления контентом вашего сайта. Устанавливается на сервере провайдера и позволяет Вам безопасно использовать контент (содержимое ваших страниц).

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

Рассмотрим основы оптимизации, их особенности, влияние на позиции в поисковых системах, а также варианты настройки SEO в Bitrix.

1. Увеличение скорости загрузки сайта
Для увеличения скорости загрузки вашего сайта в Bitrix доступен расширенный набор инструментов:

Сжатие и объединение JS и CSS — штатная функция объединения и сжатия css и js файлов, которая включается в настройках главного модуля

(Настройки > Настройки продукта > Настройки модулей > Настройки главного модуля, раздел Оптимизация CSS) :
  

Перенос JS и CSS в конец страницы. По умолчанию алгоритм загрузки страницы таков: загружаются css файлы, javascript файлы и только потом основной контент. Все это приводит к весьма ощутимому увеличению времени загрузки страницы и поисковики непременно понизят ваш ресурс в выдаче. Чтобы избежать такой неприятности, переносим подключение JS и CSS в конец страницы. Однако, если вы перенесете все css в конец страницы, то при загрузке пользователь сначала увидит ваш html скелет без стилей, что не очень радует глаз. Чтобы избежать такой ситуации в начале стоит подключить минимально необходимые CSS для корректного отображения сайта.

Технология «Композитный сайт».

 Вот как объясняет работу «композитного сайта» сам Bitrix:

В шаблонах компонентов, из которых формируется динамичная страница, определяются блоки с динамическим контентом. При обращении пользователя к странице система создаёт кеш статической части страницы, в которые вставлен специальный JS, обращающийся к серверу за актуальными данными. При повторном обращении того же или другого пользователя система отдаёт созданный файл кеша, а затем довыдаёт динамичный контент.

Настройка кеширования — СЕО-модуль «Битрикс» предлагает подключение CacheDepencies для автоматизации управления этими процессами. Технология управляемого кеширования Сache Dependencies автоматически обновляет кеш компонентов при изменении данных.

Сжатие и оптимизация изображений. Одним из основных факторов быстрой загрузки сайта являются оптимизированные изображения: фотографии, картинки в текстах, элементы дизайна. Чем меньше они «весят», тем быстрее загружается страница. 

2. Настройка заголовков и мета-описаний. Все довольно просто настраивается в вкладке SEO.

Желательно придерживаться следующих рекомендаций:

  • Тег h2 не соответствует заголовку (мета тегу Title)
  • Рекомендуемая длина тега h2: 5-70 символов
  • Количество тегов h2 — 1
  • Рекомендуемая длина Description: 70-320 символов

3. Настройка редиректа — при изменении адресов страниц необходимо позаботиться, чтобы новые страницы быстро попали в поиск и ресурс не просел в выдаче из-за возможных 404 ошибок.

4. Настройка канонических ссылок. 

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

5. Настройка OpenGraph — представляет собой особый набор мета-тегов, которые интегрируются в html-код страницы (в границах тега <head>) и обеспечивают нужное отображение превью страницы сайта в социальной сети.

6. Составления семантического ядра (СЯ) сайта.
Семантическое ядро — это база ключевых запросов, по которым планируется продвижение той или иной страницы сайта. Ключевые запросы делятся на высокочастотные, среднечастотные и низкочастотные запросы. Для каждой страницы набор ключевых слов должен быть уникален. Анализ поисковых запросов и уровня конкуренции определяют фронт работ и стратегию продвижения интернет-ресурса. 

 7. Генерация файла карты сайта — Управление настройками генерации карт сайтов осуществляется на странице Настройка sitemap (Маркетинг > Поисковая оптимизация > Настройка sitemap.xml). С помощью кнопки Добавить выбирается сайт, для которого необходимо настроить sitemap.xml.
На закладке Настройки задаются общие настройки карты:

  • В поле Название задается название настройки для генерации карты сайта.
  • В поле Адрес карты сайта указывается адрес файла карты сайта. Если значение, предложенное по умолчанию, не подходит, то укажите адрес другого хранения файла карты сайта.
  • Опция Добавить правило в robots.txt после генерации позволяет добавить ссылку на файл карты сайта в robots.txt. Если ссылка на карту сайта уже есть в файле robots.txt и адреса совпадают, то опция может быть отмечена, дублирование правил не произойдет.
  • Поле Последний запуск показывает дату и время последней генерации карты сайта. Для новых настроек отображается значение никогда.

8. Настройка robots.txt. Битрикс позволяет без особых дополнительных знаний создать и правильно настроить файл robots.txt.
При этом автоматически генерируется стартовый набор правил с учетом структуры движка 1С-Битрикс (закрываются от индексирования системные разделы, списки сравнения, поиск и т.п.), добавляется директива Host, добавляется указание расположения карты сайта sitemap.xml.

9. Грамотный дизайн и наличие мобильной версии сайта — на территории СНГ доля мобильного трафика составляет около 30%. С каждым годом этот показатель увеличивается на четверть. Поэтому отсутствие мобильной версии сайта приведет к резкому снижению числа посетителей. С недавних пор поисковые системы начали оценивать интернет-ресурсы по наличию мобильной версии сайта и по тому, насколько они адаптированы под просмотр с мобильных устройств.

Если ресурс неудобно просматривать с планшета или смартфона, его рейтинг в выдаче падает. Как результат – снижается трафик и прибыль. Как мы видим, для пользователей мобильных устройств большую роль играет то, насколько удобна навигация по сайту. Соответственно, к разработке адаптированной версии ресурса необходимо относиться серьезно.

Немного о продвижении Вашего сайта

Среди способов продвижения в интернете, которые дают хороший положительный эффект можно назвать:

  • контекстная реклама — привлечение целевых посетителей, которым интересна данная тема. Наиболее популярные системы управления контекстной рекламой — Google AdWords, Яндекс.Директ. Действует забавно, можно заплатить достаточно не много денег, но эффект вы увидите сразу по всем имеющемся материалам
  • продвижение сайта в социальных сетях и реклама в них.
  • раскрутка сайта статьями — самый эффективный способ. Тематические статьи, наполненные нужными ключевыми фразами и ссылками на свой ресурс можно разместить, как у себя на сайте, так и на стороннем ресурсе;
  • продвижение пресс-релизами, которые следует размещать на ресурсах с высоким рейтингом. Так можно получить дополнительный трафик и поднять рейтинг своего сайта.
  • создание собственной информационной рассылки, а также реклама в чужих тематических рассылках.
  • учет и ведение семантического ядра. Нужно стараться использовать те слова и сочетания, которые имеют больший релевантный вес, при этом следить за тошнотностью текстов и не передергивать. Люди к нам заходят серьезные, с пониманием того, что они ищут.

Выводы:

Для ведения даже очень большого блога — отлично подходит. Достаточно защищенная система и несмотря на огромное количество попыток взлома — проактивная защита всегда выручает.

Стоит отметить, что статья — не мануал по настройке и в ней не описаны множество нюансов, возникающих при оптимизации сайта. Если у вас остались вопросы по теме статьи или хочется больше узнать об 1С «Битрикс» — оставьте свои пожелания и контакты в комментариях.

#Битрикс #выводим #топ10 #SEO #продвижение

О микроразметке замолвите слово (как реализовать микроразметку с помощью модуля coffeediz.

schema на сайте под управлением 1С-Битрикс)

Микроразметка — модный тренд по оформлению страниц сайта в удобном для поисковых систем виде. Наличие микроразметки всячески поощряется Поисковиками (Яндекс, Google) небольшими, но приятными плюшками вроде особого оформления сайта в результатах поисковой выдаче и намёком на улучшение позиций при прочих равных.

Оформление микроразметки на самом деле очень простое занятие, однако объём имеющихся материалов на данную тему сейчас так велик, что сложно понять с чего начать, а размеры схем такие большие, что банально страшно начать оформлять.

Именно поэтому я оформил для себя пару простых компонентов, которые просто оформляют массив данных из параметров компонента в виде готовой валидной микроразметки (и конечно выводят страшные шибки, если какие-то данные не заполнены).

Модуль доступен:

  • в Маркетплейсе 1С-Битрикс — http://marketplace.1c-bitrix.ru/solutions/coffeediz.schema/
  • в GitHub — https://github. com/lexnekr/coffeediz.schema

В дальнейшем планируется дополнять модуль новыми компонентами для новых видов микроразметки.

Навигационные цепочки или Хлебные крошки

Google даёт вполне чётки рекомендации на этот счёт — https://support.google.com/webmasters/answer/185417?hl=ru

Яндекс, к сожалению, пишет расплывчато, http://help.yandex.ru/webmaster/search-results/site-description.xml#nav-chains, но судя по другим источникам (рекомендациям в разделе Яндекс.Метрики) любые действия в этом направлении будут учтены как плюс.

Поскольку 1С-Битрикс уже имеет удобный компонент хлебных крошек и API методы для добавления в его цепочки элементов для других компонентов, то мы не будем городить велосипед, а просто воспользуемся bitrix:breadcrumb.

Достаточно добавить на страницу этот компонент и выбрать один из шаблонов, поставляющихся с модулем:

  • coffeediz.data-vocabulary.org — схема http://www.data-vocabulary.org/Breadcrumb/ (рекомендуется Google)
  • coffeediz. schema.org — схема https://schema.org/breadcrumb

Оба варианта проходят валидацию микроразметки Google/Яндекс.

При этом с дефолтными стилями цепочка навигации выглядит так:


Естественно вы можете самостоятельно кастомизировать стили в шаблоне компонента.

Однако на случай если необходимо создать цепочку навигации, но из эстетических соображений она не должна показываться пользователям, вы можете использовать компонент coffeediz:breadcrumb с теми же шаблонами, добавляющий возможность скрыть компонент:


Примеры микроразметки хлебных крошек:

схема data-vocabulary.orgсхема schema.org
<div>
<ul>
  <li itemscope="" itemtype="http://data-vocabulary. org/Breadcrumb" itemref="breadcrumb-1"><a href="/" title="Главная" itemprop="url"><span itemprop="title">Главная</span></a></li>
  <li itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb" itemref="breadcrumb-2" itemprop="child"><a href="/information/" title="Статьи" itemprop="url"><span itemprop="title">Статьи</span></a></li>
  <li itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb" itemprop="child"><a href="/information/1c-bitrix/" title="1С-Битрикс" itemprop="url"><span itemprop="title">1С-Битрикс</span></a></li>
</ul>
</div>
<div>
<ul itemscope="" itemtype="http://schema.org/BreadcrumbList">
  <li itemprop="itemListElement" itemscope="" itemtype="http://schema. org/ListItem"><a href="/" title="Главная" itemprop="item"><span itemprop="name">Главная</span><meta itemprop="position" content="0"></a></li>
  <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"><a href="/information/" title="Статьи" itemprop="item"><span itemprop="name">Статьи</span><meta itemprop="position" content="1"></a></li>
  <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"><a href="/information/1c-bitrix/" title="1С-Битрикс" itemprop="item"><span itemprop="name">1С-Битрикс</span><meta itemprop="position" content="2"></a></li>
</ul>
</div>

Адрес и Контакты места/организации

Описание поддерживаемых в рамках схемы полей Яндексом — http://help. yandex.ru/webmaster/supported-schemas/address-organization.xml


Как видим некоторые поля, поддерживаемые схемой не используются яндексом по состоянию на 24.10.2015, однако могут быть использованы в будущем. Так же эти поля могут использоваться Google.

Компонент поддерживает следующие поля ( — обязателен к использованию, иначе схема не валидируется Яндекс/Google,  — поддерживается Яндекс как полноценное свойство):

  • Тип схемы (место, либо организация, а так же все типы мест/организаций по состоянию на 23.10.2015)
  • Название
  • Краткое описание
  • URL сайта
  • Логотип (картинка)
  • Адрес
    • Почтовый индекс
    • Страна
    • Город
    • Регион
    • Адрес (улица, дом, офис и т. п.)
  • Факс
  • Телефон (несколько штук)
  • E-mail (несколько штук)
  • ИНН
  • Время работы (только для типов «Бизнес» и «Административное Здание»)
  • Географические координаты (только для типа «Бизнес»)
  • Является свойством другого объекта Schema.org
  • Полный набор свойств «Ретинг» с передачей массива параметров компоненту coffeediz:schema.org.AggregateRating
  • Скрыть информации от пользователей (микроразметка видна только поисковикам, но не видна простым юзерам)

Компонент поддерживает 4 уровня типов организаций (начиная с базового Организация/Место), описанные в Schema.org. Рекомендуется выбирать максимально близкий к вашей специфике тип (если такого нет, то просто общий).

Пример микроразметки для организации типа «Веб-студия» (такого типа нет, поэтому будем использовать довольно общий тип «Бизнес» 2 уровня):

<div itemscope itemtype="http://schema. org/LocalBusiness">

<div>
  <b><span itemprop="name">Кофе-Дизайн студия</span></b>
</div>

<div>
  <span itemprop="description">Веб студия занимается разработкой сайтов на 1С-Битрикс, внедрением корпоротивных порталов в облаке и коробке на Битрикс24, разработкой типовых решений для Маркетплейса 1С-Битрикс</span>
</div>

<div itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">Адрес: <span itemprop="postalCode">119019</span>,
<span itemprop="addressCountry">Россия</span>,
<span itemprop="addressRegion">Московская область</span>,
<span itemprop="addressLocality">Москва</span>,
<span itemprop="streetAddress">Красная площадь, д. 1</span>
</div>

<div>Телефон: <span itemprop="telephone">8(495)123-45-67</span>
, <span itemprop="telephone">8(499)123-45-67</span>
</div>

<div>Факс: <span itemprop="faxNumber">8(495)123-45-67</span>
</div>

<div>E-mail: <a itemprop="email" href="mailto:[email protected]">[email protected]</a>
</div>

<div>Адрес сайта: <a href="http://кофедизайн.рф" itemprop="url">кофедизайн.рф</a>
</div>

<div>
  <img itemprop="logo" src="http://xn--80ahcjeib4ac4d.xn--p1ai/bitrix/templates/Cofe%203. 0/Images/CoffeeCap.png">
</div>

<div>Время работы:
  <time itemprop="openingHours" datetime="Mo-Fr 9:00−20:00">С Понедельника по Пятницу 9-20</time>
, <time itemprop="openingHours" datetime="St,Sn">Суббота, Воскресенье круглосуточно</time>
</div>

<div itemprop="geo" itemscope="" itemtype="http://schema.org/GeoCoordinates">
  <meta itemprop="latitude" content="55.7537523">
  <meta itemprop="longitude" content="37.6225168">
</div>

<div>ИНН: <span itemprop="taxID">1234567890</span>
</div>

</div>

Поскольку компонент является всего лишь оболочкой для оформления в виде микроразметки массива входных параметров, то вы всегда можете использовать его внутри своих компонентов с параметром «SHOW» => «Y» для скрытого отображения, чтобы микроразметку видели только поисковики.

Задойный А.В.


SEO-продвижение сайтов на Bitrix

Цифровой маркетинг непрерывно развивается: вместе с новыми возможностями появляются и новые требования. Сейчас недостаточно просто запустить собственный сайт — он просто потеряется среди конкурентов.

SEO-продвижение сайтов на Bitrix

Цифровой маркетинг непрерывно развивается: вместе с новыми возможностями появляются и новые требования. Сейчас недостаточно просто запустить собственный сайт — он просто потеряется среди конкурентов.
По этой причине вопрос хорошего продвижения стоит ребром. В статье ниже будут рассмотрены особенности сайтов на 1C Bitrix в контексте SEO-оптимизации.

Bitrix: кратко

1С Битрикс — программное обеспечение для управления сайтом, движок, который на сегодняшний день является одним из самых востребованных в СНГ. Одна из причин популярности CMS заключается в универсальности: она позволяет одинаково хорошо работать и с лендингами, и с большими сайтами, и с масштабными многофункциональными платформами.
Не зря упомянута и функциональность: она варьируется в зависимости от редакции. В последних изданиях достаточно много возможностей, включая инструменты для создания различных типов сайтов.
И если ранее Битрикс считалась не самой удачной CMS для SEO, теперь ситуация изменилась: в движке появились встроенные опции, позволяющее проводить внутреннюю и внешнюю оптимизацию.

Если говорить кратко, важный элемент ПО — модуль для продвижения. Он состоит из нескольких инструментов, таких как настройка метатегов или анализ оптимизации текстового контента по количеству вхождение ключевых слов.

Внутренняя и внешняя оптимизация

Внутренняя оптимизация — комплекс мер, которые принимаются непосредственно с изнанки сайта. В контексте С1 Битрикс с модулем можно пользоваться следующими инструментами:

  • Анализ количества вхождений ключевых слов. Перед началом продвижения обычно формируется семантическое ядро, с помощью которого создаётся весь текстовый контент на сайте. Эта опция рассчитывает количество вхождений.
  • Оптимизация интерфейса под мобильные устройства. Важный параметр, поскольку количество пользователей, посещающих сайты со смартфонов, достаточно велико.
  • Настройка Title и Description и другие.

Некоторые из пунктов входят в базовый модуль оптимизации — из можно найти в разделе инструментов для поисковой оптимизации страницы.

Другие доступны в дополнительных модулях для продвинутой настройки. В их число входят:

  • Автоматическое заполнение мета тегов с помощью заданных шаблонов (идеально для больших сайтов с многочисленными позициями).
  • Увеличение скорости загрузки страниц. Производится с помощью функции кэширования.
  • Настройка карты сайта.

Конечно, всю работу по внутренней оптимизации ПО не выполнит, но может существенно облегчить её, ускорить и в чём-то даже довести до автоматизма.
Поговорим о внешней поисковой раскрутке. Возможности CMS в этом плане скромнее, чем в случае с внутренней, но тоже есть над чем поработать. В основном упор идёт на взаимодействие со ссылочной массой.
Модуль ведёт учёт всех ссылок и переходов на сайт.

Сложности продвижения на Битрикс

Выше мы упоминали о том, что некоторое время Битрикс считался крайне неудобной для продвижения платформой: во время оптимизации у мастеров постоянно возникали какие-то проблемы. Самой незначительной из них было дублированный контента, которое приходилось искать и убирать вручную.
На сегодняшний день это осталось в прошлом, поскольку даже базовый модуль позволяет достаточно гибко настроить продвижение. Важно:
Убедиться, что сайт готов к продвижению — у него есть хороший дизайн и качественный контент для наполнения. В противном случае принятые меры не принесут результата.
Разобраться с техническими сложностями.
Некоторые владельцы сайтов предпочитают обращаться к специалистам — этот вариант тоже имеет право на жизнь и даже предпочтителен. Чтобы разобраться во всех нюансах, необходимо поднатореть в программировании и смежных дисциплинах.

Преимущества продвижения на Битрикс
  • Вместо заключения коротко пройдёмся по списку плюсов продвижения на 1С Битрикс:
  • Наличие модуля для SEO.
  • Большое количество инструментов даже в базовом модуле. Их достаточно для поверхностного СЕО и аналитики.
  • Маркет с дополнительными опциями. Можно подбирать по мере необходимости.
  • Профессиональные кадры в индустрии, которые смогут быстро настроить кампанию для сайта. Это связано прежде всего с популярностью движка.

СКРИНШОТ КАТАЛОГА ДОПОЛНИТЕЛЬНЫХ ФУНКЦИЙ
Сложности с настройками Bitrix всё ещё остались, но теперь их гораздо меньше. Для компаний, которые только задумываются над созданием сайта и выбирают движок, с которым комфортно продвигаться, этот вариант может стать неплохим выбором.

Настройка визуального редактора Битрикс24

Битрикс24 — универсальный портал с обилием инструментов для решения бизнес-задач.

Есть функции Битрикс, которые очень хорошо работают и активно используются пользователями — например, создание событий календаря, добавление пользователей, визуальный редактор.

Однако в ряде случаев возможностей стандартных инструментов недостаточно для решения повседневных задач. В других случаях они просто тратят слишком много времени.

Что здорово, так это то, что вы можете модифицировать стандартные функции Битрикс24, если у вас есть локальная версия. (Это решение относится и к 1С-Битрикс: Управление сайтом).

Мы внедрили и настроили Битрикс24 для более чем 100 компаний в сфере строительства, машиностроения, фармацевтики, отделов продаж, управления персоналом и т. д.

Эта статья — пример доработки стандартной функции Битрикс24.

Мы добавили свою кнопку в визуальный редактор.

При создании постов в блоге, новостей и добавлении комментариев пользователи Битрикс24 ежедневно пользуются визуальным редактором. Возможности редактора позволяют добавлять и форматировать текст, добавлять изображения, таблицы, видео и т. д.

Стандартный визуальный редактор:


Визуальный редактор Стандарт используется в административной и публичной частях Битрикс24, в режиме редактирования, для написания постов и комментирования их.

Иногда этого стандартного функционала недостаточно или он неудобен — решением может стать добавление собственной кнопки в визуальный редактор. Улучшение визуального редактора возможно в коробочной версии Битрикс24.

Ситуация:

Контент-менеджер публикует новость или статью на сайте компании через бэкенд портала. В одной статье может быть несколько изображений, иногда десятки.

В стандартном визуальном редакторе изображения можно добавлять в текст только по одному, менеджеру придется повторять процедуру выбора для каждого изображения.


Проблема: 

Контент-менеджер тратит много времени на создание одной статьи и недоволен трудоемкостью таких рутинных задач. Его продуктивность падает, и публикуется меньше полезного контента.

Решение:

Добавьте кнопку, которая позволяла бы загружать несколько изображений одновременно в посты.


Контент-менеджер выбирает все изображения сразу, а статью дополняет текстом — пост публикуется намного быстрее, а сотрудник доволен удобством инструмента.

Что можно настроить в визуальном редакторе Битрикс24?

Практически любой функционал можно реализовать в Визуальном редакторе Битрикс24 с помощью кнопки, как это сделали мы.

Функциональность кнопки может быть разработана в соответствии с потребностями клиента. Например, вы можете встроить в кнопку голосового ввода . Вам останется только надиктовать пост, а Битрикс24 преобразует слова в текст.

Важной особенностью нашего решения является то, что кнопка будет добавлена ​​во все визуальные редакторы.

Ниже мы приводим технические детали реализации. Эта часть статьи может быть интересна разработчикам Битрикс24.

 

Допустим, мы хотим добавить свою кнопку, которая добавит фразу «Hello, World!»

Во-первых, нам нужно зарегистрировать обработчик события main:OnEpilog (наша цель — добавить эту кнопку во все визуальные редакторы, верно?). На этом PHP заканчивается — все остальное будет реализовано на JavaScript.

Пользовательская кнопка — это, по сути, пользовательский класс. Но, так как нам нужно наследовать свойства от кнопки Битрикс, мы опишем этот класс в рамках события OnEditorBaseControlsDefined.

Нам нужно указать имя и идентификатор для нашей кнопки. Все остальные аргументы являются необязательными.

Обратите внимание на BX.extend — это строка, которая заставит визуальный редактор «принять» нашу кнопку.

Кнопку мы создали, теперь нужно отобразить ее в визуальном редакторе Битрикс. Для этого нам нужно подписаться еще на два события визуального редактора — «GetTopButtons» и «GetControlsMap».

И, конечно же, нам также нужно стилизовать кнопку.

Для этого примера мы просто возьмем одну из иконок Битрикс.

В этот момент наша кнопка будет отображаться в редакторе, но при нажатии на нее ничего не произойдет — пора ее этому научить.

В описание кнопки добавьте метод «OnClick», который будет вызывать диалог для этой кнопки.

 

Диалог — это окно, которое будет показано пользователю, когда он нажмет на нашу кнопку.

Как и кнопка, диалог — это отдельный класс, который должен быть создан по тому же событию — его допустимо размещать рядом с объявлением класса кнопки.

Также нам нужно связать ранее созданную кнопку и этот диалог.

Для отображения диалога и управления его содержимым нам необходимо описать следующий метод:

В этом случае заданный текст будет отображаться в теле диалога, но в этом месте даже есть возможность загрузить свой компонент через AJAX.


Нам остается только описать действия, которые должны происходить при нажатии на кнопку «Сохранить».

Например :

Текст «Привет, мир!» должен быть выделен жирным шрифтом в редакторе.

Казалось бы, все, но нет.

Из-за ошибки в ядре Битрикс мы не можем передать эту информацию в систему.

Мы можем указать Битриксу, что делать в тот момент, когда пользователь нажимает кнопку «Сохранить».

Воспользуемся соответствующим событием.

Весь код идеально помещается в один обработчик событий.

Но, конечно, никто не мешает вам разложить его на классы, подсветив JS-расширения, и сделать это красиво.

 

ИНТЕРВОЛГА обладает всеми компетенциями Битрикс, необходимыми для настройки Битрикс24.

Мы веб-интеграторы с большим опытом решения множества задач для компаний любого размера в разных отраслях.

Несколько примеров:

  1. Реализация генератора документов в Битрикс24

  2. Управление ИТ-услугами в Битрикс24

  3. Всесторонняя оценка обратной связи

Мы предлагаем качественный код и быструю разработку.

Не уверены, можно ли реализовать ваше требование в Битрикс24?

Вот контрольный список

Вы также можете оставить заявку в форме ниже.

Как интегрировать Bitrix24 с вашим приложением Rails: часть 1

В недавнем проекте для OmbuLabs нам нужно было интегрировать Bitrix24 (инструмент, который клиент использовал для администрирования своего бизнеса) с приложением Rails, которое мы создавали для клиент.

Целью этой интеграции была синхронизация данных между приложением Rails и Bitrix CRM. По сути, мы хотели вытягивать данные из Битрикс каждый раз, когда происходило изменение (т.е. лид создавался/обновлялся). Мы также хотели синхронизировать наоборот, отправлять изменения в Битрикс каждый раз, когда что-то менялось на стороне Rails.

Мы разобьем этот процесс на две разные статьи. Этот будет охватывать шаги, которые вам нужно сделать, чтобы соединить обе стороны. А во второй части будет рассказано, как передавать и извлекать данные с помощью веб-перехватчиков.

API Битрикс использует для авторизации OAuth 2.0. Мы покажем вам один из способов его использования в Rails:

.

Создать новую конечную точку

Нам понадобится новая конечная точка, на которую может перенаправлять приложение Битрикс (которое мы собираемся создать на следующем шаге).

 # config/routes.rb
получить "bitrix/connect", на: "bitrix#connect"
 
 # приложение/контроллеры/bitrix_controller.rb
класс BitrixController < ApplicationController
  определить соединение
  конец
конец
 

Создать новое приложение в Битрикс

Вы можете войти в свою учетную запись Битрикс и перейти в меню Приложения, чтобы добавить новое приложение.

Вы должны отметить опцию «Доступно только как сценарий», а также разделы, к которым вы хотите иметь доступ (например, CRM). В нижней части формы вам нужно будет вставить URL-адрес конечной точки, которую мы создали на предыдущем шаге ( битрикс#коннект ).

После сохранения у вас будет новое приложение с идентификатором приложения и ключом приложения . Я рекомендую вам сохранить эти учетные данные как переменные среды в Rails, чтобы вы могли использовать их позже.

Соединение

К счастью, есть гем Ruby, который упрощает взаимодействие с Bitrix API.

Добавьте его в свой Gemfile, а затем запустите пакетную установку

.

гем 'bitrix24_cloud_api'

После того, как вы установили гем, вы можете создать простой класс для обработки соединения.

 # приложение/сервисы/bitrix_service.rb
класс БитриксСервис
  деф инициализировать
    @app_id = ENV["BITRIX_APP_ID"] # Идентификатор вашего приложения Битрикс
    @app_key = ENV["BITRIX_APP_KEY"] # Ключ вашего приложения Битрикс
    @endpoint = "my. bitrix24.com" # Замените 'my' на ваш поддомен
    @redirect_uri = "http://123.ngrok.io/bitrix/connect" # Должен совпадать с URL-адресом, который вы указали в своем приложении Bitrix.
  конец
  деф клиент
    параметры = {
      app_id: @app_id,
      ключ_приложения: @ключ_приложения,
      конечная точка: @конечная точка,
      redirect_uri: @redirect_uri
    }
    Bitrix24CloudApi::Client.new(параметры)
  конец
конец
 

Теперь вы можете перейти к консоли rails и выполнить следующую инструкцию для создания URL-адреса авторизации Bitrix:

 # консоль рельсов
BitrixService.new.client.authorize_url
 

Если вы все сделали правильно, он должен вернуть URL, похожий на https://my.bitrix24.com/oauth/authorize?client_id=xxxxx&redirect_uri=xxxxx&response_type=code . Вы можете вставить это в браузер, и он перенаправит вас на конечную точку /bitrix/connect , которую вы ранее добавили, с дополнительными код параметр. Вероятно, вы увидите ошибку, потому что мы еще не добавили никакой логики в нашу конечную точку.

Мы хотим получить access_token и refresh_token в обмен на параметр code , который мы получили, поэтому давайте добавим для этого некоторую логику:

 # приложение/контроллеры/bitrix_controller.rb
класс BitrixController < ApplicationController
  определить соединение
    клиент = BitrixService.new.client
    токены = client.get_access_token (параметры [: код])
    визуализировать json: {токены: токены}
  конец
конец
 

Вернитесь к сгенерированному URL-адресу в браузере, и теперь вы должны увидеть ответ JSON с токенами.

После получения access_token можно начинать выполнять запросы к API Битрикс.

 # консоль рельсов
client = Bitrix24CloudApi::Client.new(токен_доступа: "abc123456", конечная точка: "my.bitrix24.com" )
клиент.лиды
 

Единственное, что здесь следует учитывать, это то, что access_token имеет срок действия 1 час. Так что это не сработает, если вам нужно использовать его через 60 минут. Вот где refresh_token встает на место. Вы должны сохранить refresh_token (из ответа JSON) в качестве переменной среды, чтобы вы всегда могли использовать ее для создания нового access_token .

Если мы немного подправим наш класс, мы сможем получить поддержку для него:

 # приложение/сервисы/bitrix_service.rb
класс БитриксСервис
  def инициализировать (access_token = ноль)
    @access_token = доступ_токен
    # ...
  конец
  деф клиент
    params = если @access_token.present?
               {конечная точка: @конечная точка, access_token: @access_token}
             еще
               {
                app_id: @app_id,
                ключ_приложения: @ключ_приложения,
                конечная точка: @конечная точка,
                redirect_uri: @redirect_uri
               }
             конец
    Bitrix24CloudApi::Client.new(параметры)
  конец
  защита generate_access_token
    client. refresh_token(ENV["BITRIX_REFRESH_TOKEN"])[:access_token]
  конец
конец
 

Вы можете попробовать сами, запустив:

 # консоль рельсов
access_token = BitrixService.new.generate_access_token
client = BitrixService.new(access_token).client
клиент.лиды
 

Вы можете использовать приведенный выше код каждый раз, когда хотите установить соединение. Срок действия refresh_token истекает только в том случае, если вы не отправляете запросы более 30 дней.

Заключение

В этой первой части показано, как вы можете связать свое приложение Rails со своей учетной записью Bitrix. Оставайтесь с нами во второй части, где мы увидим, как передавать и извлекать данные из Битрикс с помощью веб-хуков.

Приложение Битрикс24: Обработка счета

КОМПЛЕКСНОЕ РЕШЕНИЕ ДЛЯ ДЕТАЛЬНЫХ ОБРАБОТКА


ВХОДЯЩИХ И ИСХОДЯЩИХ СЧЕТОВ И ДОКУМЕНТОВ
  • Реквизиты (поля) системы распознавания

  • Выставление счетов

  • landing-block-node-icon@2" title="Click to edit image"/>

    Распределение затрат по центрам затрат

Учить больше

НОВЫЙ УРОВЕНЬ


РАБОТЫ С СЧЕТАМИ:

СИСТЕМА РАСПОЗНАВАНИЯ ПОЛЕЙ СЧЕТА

Специально для этого решения мы построили нейросеть, которая обучена определять поля счета, сканировать данные и передавать их в поля приложения Битрикс24. Теперь нет необходимости вручную передавать данные счета, все распознается автоматически. Кроме того, это позволит вам удобно сегментировать и фильтровать документы в будущем.

РАСПРЕДЕЛЕНИЕ ЗАТРАТ ПО ЦЕНТРАМ ЗАТРАТ

Теперь вы можете разделить сумму счета на части и связать каждую с определенным центром затрат, типом затрат, сделкой или проектом (компанией).

Центр затрат - это уникальная сущность, которая напрямую связана с затратами по данному счету, например, это могут быть отделы (отдел маркетинга, отдел разработки и т. д. - в зависимости от того, кого касаются затраты) или бизнес-направление (или группа услуг) компании (например, разработка программного обеспечения, аутстаффинг, продажа лицензий и т. д.) 

Типы затрат могут быть одинаковыми для нескольких центров затрат, например, аренда серверной инфраструктуры, расходы на продвижение и т. д.

ДЕТАЛЬНАЯ ОБРАБОТКА СЧЕТОВ И ГИБКОЕ РЕДАКТИРОВАНИЕ

Интерфейс приложения обеспечивает: 
- Этапы подтверждения счетов вышестоящими работниками, бухгалтерами;
- Получение уведомлений в зависимости от дат в счете;
- Гибкое редактирование полей данных;
- Обязательные поля для заполнения;
- просмотреть историю изменений;
- Быстрый просмотр счета;
- Печать документов.

СПЕЦИАЛЬНО ДЛЯ ПОЛЬСКОГО РЫНКА

XML-экспорт отчетов по счетам в Optima!

КАК ЭТО РАБОТАЕТ?


1. Регистрация счета-фактуры

Все начинается с того, что в компанию приходит новый документ: он либо добавляется сотрудниками на портал в общую папку на Диске Битрикс24, либо отправляется в приложение из входящего письма. Все счета будут собираться в едином интерфейсе приложения.

Лицо, ответственное за первичную обработку документа, регистрирует его и указывает наименование документа, заполняет дату получения, указывает вид документа (обычный, конфиденциальный или накладной), принимающую компанию и отправляющего контрагента.

Сценарий 1: Обработка документов

Обычные и конфиденциальные документы (сюда входят любые документы, кроме счетов-фактур) переносятся на соответствующую вкладку и обрабатываются поэтапно:

Регистрация

Первоначальное описание регистратором

Описание документа

Подробное описание
ответственным сотрудником

Архивирование

Передача документа в архив

Сценарий 2. Обработка входящего счета (расходы выставляются компании)

Включает многоэтапный процесс:

Регистрация

Документ загружен в приложение вручную или счет автоматически подтянут с Битрикс24. Драйв или по электронной почте

Описание

OCR (нейронная сеть) автоматически считывает информацию из счета и заполняет ее в соответствующие поля приложение (продукт, цены, даты и условия, банковские реквизиты и т. д.). Сотрудник дополняет его при необходимости

Распределение суммы счета

Для детального учета расходов можно разделить счет на несколько частей и соотнести каждую из них с конкретным центром затрат (например, сервисным направлением или отделом), видом расходы (например, программное обеспечение, веб-хостинг, рекламные акции), проект, сделка или компания

Подтверждение

После распределения затрат менеджер или ответственное лицо проверяет и подтверждает его

Проверка бухгалтерией

Бухгалтер проверяет правильность счета

Платеж

При переходе в этот статус счет готов к оплате. Ответственный может отметить оплаченную сумму счета

Архивирование

Все обработанные документы перемещаются в архив. Остается возможность просматривать и комментировать документы

Список входящих счетов

Редактор счетов

Сценарий 3: обработка исходящего счета (выставление счетов клиентам)

Исходящее выставление счетов происходит на другой вкладке. Здесь сотрудник может добавить новый счет, заполнить все поля (кому, в какое время, на какую сумму, товар, с какими налогами и в каком количестве и т.д.). Такой счет также проверяется и утверждается начальником отдела или другим руководителем, а после выставления счета и оплаты архивируется, как и входящий документ.

Выставление счетов прямо из приложения в удобном интерфейсе

Автоматическое заполнение полей

Согласование счетов с менеджером/бухгалтером

Быстрая отправка письма со счетом клиенту, удобный предварительный просмотр документа

Мгновенная или ручная маркировка квитанции об оплате

Список счетов-фактур

Редактор счетов

В общем, приложение демонстрирует малую часть возможностей
и мы готовы адаптировать и модифицировать его
функционал под конкретные нужды вашего бизнеса
Дайте нам знать, что нужно вашему бизнесу!

Оставить заявку

ОБНОВИТЕ ПОРТАЛ БИТРИКС24 ПОЛЕЗНЫМИ ПРИЛОЖЕНИЯМИ И СДЕЛАЙТЕ СВОЙ БИЗНЕС БОЛЕЕ АВТОМАТИЗИРОВАННЫМ!

Попробуйте прямо сейчас бесплатно в Битрикс24. Маркетплейс!

Установить из Маркета

Купить раствор

НАЙДИТЕ ОТВЕТЫ В БАЗЕ ЗНАНИЙ!

Инструкции по установке и другие руководства об использовании приложения.

База знаний

Приложение Битрикс24


Попробуйте наши готовые приложения или попросите нас разработать собственное!

КАРТА (Google карты в битрикс24)

Планирование маршрутов встреч с клиентами с учетом их географического положения или планирование экспресс-доставки

Посмотрите в видео как это работает

Учить больше

Данные час/отпуск/выходные

Приложение для хранения, редактирования, быстрого доступа к данным сотрудников, управление отпусками и выходными
Посмотрите видео, как это работает

Учить больше

АРХИВ

Комплексное решение, обеспечивающее правильную обработку документов: регистрация, поиск и архивирование документов

Учить больше

Управление ценами

Заявка на получение скидок и управление ценами

Учить больше

числитель

Используйте индивидуальный числитель в Битрикс24 для каждой вашей компании или для различных типов документов
(счета, договора, предложения).

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *