16 приложений для групп во ВКонтакте

Делайте интересный контент

Необычный контент в новостной ленте всегда привлекает внимание. В приложении «Тесты» легко создавать самые разные тесты: с кнопками и текстовыми ответами, со всплывающими окнами и без, с подсчетом результатов по баллам или по правильным ответам. Настройте бонусы или автоматическую отправку сообщений тем, кто ответил правильно: например, если проводите конкурс.

16 приложений для групп во ВКонтакте
Так выглядит один из вариантов теста: когда выбираешь ответ, появляется всплывающая подсказка, объясняющая, правильно ли сделал выбор

«Анкеты» — приложение для тех, кто хочет получать много информации о подписчиках. из красочных анкет или длинных опросных листов. Вариантов очень много: задавайте вопросы, на которые можно ответить текстом, числом, выбором из нескольких вариантов, временем и другими данными.

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

А в «Голосованиях» создают опросы. Но не такие, которые привыкли видеть в ленте, а более яркие: с изображениями или видео. Разрешите голосовать только участникам сообщества или оставьте возможность изменить мнение в настройках. И кстати, это приложение не только для групп: пользуйтесь им даже проведения опросов на личных страницах.

16 приложений для групп во ВКонтакте
В настройках все просто: добавляете варианты и видео или фото к ним, а потом смотрите, сколько человек проголосовало и какой ответ популярнее всего

В социальной сети ВКонтакте много приложений для групп, но не стоит добавлять все подряд. Определите, какие из них будут более эффективно решать задачу, и используйте их.

Кстати, можете ориентироваться на сообщества, популярные у вашей целевой аудитории. В парсере Pepper.Ninja есть функция «Кто твой клиент»: узнайте с ее помощью, какие группы интересны вашим подписчикам и какие приложения там используют. И установите себе в группу аналогичные. Я рекомендую использовать не больше 2–4 приложений, чтобы не рассеивать внимание пользователей.

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

Жесты

👍 👍 Большой палец вверх (супер, отлично)
👎 👎 Большой палец вниз (дизлайк, не нравится)
☝ Палец, указывающий вверх (внимание)
✌ Виктория (победа, мир)
👌 👌 Окей (все в порядке)
👏 👏 Аплодисменты
👊 👊 Кулак (удар)
✊ Поднятый кулак (поддержка)
✋ Открытая ладонь (стоп)
🙏 🙏 Сложенные руки
👆 👆 Палец, указывающий вверх
👇 👇 Палец, указывающий вниз
👈 👈 Палец, указывающий влево
👉 👉 Палец, указывающий вправо
💪 💪 Бицепс (сила)
🙌 🙌 Руки вверх
🤝 🤝 Рукопожатие (договорились)
👐 👐 Открытые ладони в стороны
👋 👋 Машет ладонью (приветствие)
🤘 🤘 Рокерская коза
🖖 🖖 Живи долго и процветай
🖐 🖐 Растопыренные пальцы
✍ Пишущая рука с ручкой
🖕 🖕 Средний палец (факью)
🤞 🤞 Скрещенные на удачу пальцы
🤙 🤙 Позвони мне / приветствие (шака)
🤛 🤛 Кулак, направленный влево
🤜 🤜 Кулак, направленный вправо

Идеограммы

🈚 🈚 Бесплатно, отсутствие (идеограмма-7121)
🈯 🈯 Зарезервированный, указание пальцем (идеограмма-6307)
🈲 🈲 Запрещенный, запрет (идеограмма-7981)
🈳 🈳 Доступно, вакантно (идеограмма-7А7А)
🈴 🈴 Проходной балл, согласие (идеограмма-5408)
🈵 🈵 Невакантно, недоступно (идеограмма-6Е8)
🈶 🈶 Наличие, небесплатно (идеограмма-679)
🈷 🈷 Месяц, ежемесячный взнос (идеограмма-678)
🈸 🈸 Запрос, заявка (идеограмма-7533)
🈹 🈹 Скидка, дисконт (идеограмма-5272)
🈺 🈺 Открыт для бизнеса, работа (идеограмма-55В6)
🉐 🉐 Выгода (удачная сделка)
🉑 🉑 Принять (принятие)
㊗ Поздравить (поздравление, праздник)
㊙ Секрет

Изменение состава семьи

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

Вид Код Состав семьи
👨‍👩‍👦 👨‍👩‍👦 Мама, папа, сын
👨 ‍ 👩 ‍ 👧 👨 ‍ 👩 ‍ 👧 Мама, папа, дочка
👨 ‍ 👩 ‍ 👧 ‍ 👦 👨 ‍ 👩 ‍ 👧 ‍ 👦 Мама, папа, сын, дочка
👨 ‍ 👩 ‍ 👦 ‍ 👦 👨 ‍ 👩 ‍ 👦 ‍ 👦 Мама, папа и два мальчика
👨 ‍ 👩 ‍ 👧 ‍ 👧 👨 ‍ 👩 ‍ 👧 ‍ 👧 Мама, папа и две девочки
👩‍👩‍👦 👩‍👩‍👦 Две женщины и один мальчик
👩‍👩‍👧 👩‍👩‍👧 Две женщины и одна девочка
👩‍👩‍👧‍👦 👩‍👩‍👧‍👦 Две женщины, мальчик и девочка
👩‍👩‍👦‍👦 👩‍👩‍👦‍👦 Две женщины и два мальчика
👩‍👩‍👧‍👧 👩‍👩‍👧‍👧 Две женщины и две девочки
👨‍👨‍👦 👨‍👨‍👦 Двое мужчин и мальчик
👨‍👨‍👧 👨‍👨‍👧 Двое мужчин и девочка
👨‍👨‍👧‍👦 👨‍👨‍👧‍👦 Двое мужчин, мальчик и девочка
👨‍👨‍👦‍👦 👨‍👨‍👦‍👦 Двое мужчин и два мальчика
👨‍👨‍👧‍👧 👨‍👨‍👧‍👧 Двое мужчин и две девочки

Точно так же меняется цвет кожи членов семьи.

Как создать лид-форму

Есть два способа:

  1. В настройках сообщества
    Форма сбора заявок доступна в каталоге приложений VK. Откройте главную страницу сообщества, перейдите в раздел «Управление» → «Приложения» → «Форма сбора заявок» → «Перейти к настройкам приложения» → «Добавить форму».16 приложений для групп во ВКонтакте
  2. В рекламном кабинете
    Откройте рекламный кабинет, выберите «Создать объявление», а затем – «Заполнение лид-формы» и «Сбор заявок». Кликните по одному из вариантов: «Создать запись» или «Выбрать существующую». Укажите название сообщества, от которого создается анкета, а затем – «Добавить форму».16 приложений для групп во ВКонтакте

Дальнейшие действия совпадают, независимо от того, где вы открываете лид-форму – в настройках или рекламном кабинете:

  • Добавьте заголовок до 60 символов и описание до 600 символов. В описании укажите, что клиент получит за отклик на форму, например, скидку 10% или бесплатное занятие.
  • Загрузите обложку. Подойдет изображение размером 1 200300 px в формате JPG, GIF или PNG.
  • Выберите вопросы – они зависят от того, какую информацию нужно получить. Оптимальные варианты: ФИО, телефон, электронный адрес, город.
  • Приложите ссылку на документ о политике конфиденциальности вашей компании – это обязательное требование ВКонтакте.
  • Оформите «Подтверждение» – обращение к пользователю после заполнения лид-формы.
  • Определите, как будут поступать уведомления по откликам, и вставьте код пикселя.
  • Нажмите «Сохранить форму».

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

Облегчите подписчикам процесс покупки

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

Ведите онлайн-запись на услуги в приложении DIKIDI Online. Оно создано для салонов красоты, но может работать и в других близких нишах. Клиенты смогут выбрать конкретные услуги, определенного мастера и удобное для них время. Для активации приложения подключитесь к платформе DIKIDI.

16 приложений для групп во ВКонтакте
Так выглядит процесс записи на услуги

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

16 приложений для групп во ВКонтакте
Такой калькулятор можно собрать за 5 минут: добавляете блоки в визуальном редакторе и вносите изменения в формулу

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

16 приложений для групп во ВКонтакте
Добавляйте несколько мероприятий и устанавливайте цену на них в зависимости от тарифа или посадочных мест

«Бронирование» идеально для тех, кто сдает что-то в аренду: занимается каршерингом, держит бильядрные залы, записывает на квесты и так далее. Клиенты могут выбрать определенное время и получить скидку за репост. А приложение пришлет им напоминание о бронировании ближе к времени посещения. Вы же будете видеть информацию обо всех записях в едином интерфейсе.

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

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

16 приложений для групп во ВКонтакте
В магазине есть возможность посмотреть все текущие закупки и основные данные о них

Общайтесь с подписчиками

Чтобы всегда оставаться на связи, настройте «Бот-автоответчик». Это просто: добавьте ключевые слова, которые могут использовать подписчики в обращении, и напишите варианты ответа. Так вы легко создадите бесконечное количество ответов на самые разные, даже неожиданные, вопросы.

16 приложений для групп во ВКонтакте
Добавьте команду, чтобы написать ответ на другие возможные вопросы типа «сколько стоит», «цена», «какая цена»

Даже если менеджер будет не в сети, пользователь моментально получит ответ на сообщение. А в описании группы будет красоваться гордая отметка «Отвечает быстро, в течение минуты».

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

Чтобы поднять активность, создайте чат для всех подписчиков сообщества. Там они смогут задавать вам вопросы, делиться новостями, обсуждать новые товары и общаться между собой. «Чат ВКонтакте» и другие подобные сервиса подключается в один клик, виджет для перехода в беседу появляется в группе. Найти чаты можно через поиск ВКонтакте в разделе «Мини-приложения».

16 приложений для групп во ВКонтакте
Так выглядит ссылка на чат: чтобы начать общение, человек должен подписаться на группу

Хотите работать с рассылками из ВКонтакте и полностью автоматизировать общение с подписчиками — подключите Chatgun. Приложение позволяет:

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

16 приложений для групп во ВКонтакте
Настройки ответа сценариев разнообразны: можно даже добавлять людей в список подписчиков и убирать их из него — например, за нарушение правил

Если нужно подробно изучить чат-боты и рассылки, приходите на 14-дневный практический курс «Рассылки, чат-боты и автоворонки ВКонтакте» от SMM.school. Там научитесь автоматизировать работу с помощью Senler, запускать рассылки, прогревать и продавать во ВКонтакте. Это самое актуальное руководство по автоматическим инструментам для продвижения бизнеса в ВК на данный момент.

Ссылки на страницу в контакте

Многие неопытные пользователи компьютера спрашивают, как сделать ссылку на страницу ВКонтакте и как узнать ID моей страницы. Это совсем не трудно: скопировать адрес профиля из навигационной строки браузера, которая находится вверху окна, и вставить в текстовое поле для сообщений. Скинуть гиперссылку пользователи могут в личное сообщение другу или опубликовать в посте в какой-либо группе.

В таком случае она будет иметь стандартный вид с https и слешами. Как сделать ее более привлекательной? Например, вместо адреса было бы видно имя пользователя, на которое можно было бы нажать и открылся соответствующий профиль, то есть имя стало бы кликабельным. Рассмотрим, как это сделать.

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

В процедуре, на самому деле, нет ничего сверхсложного. Вы должны выучить специальные скрипты (запомнить их шаблоны), которыми пользуются именно в самой социальной сети ВКонтакте. Это не HTML-коды. Они не подходят для подобного рода гиперссылок.

Первый код

Пишем в текстовом поле: [id пользователя|текст вашей ссылки].

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

Например, код может быть таким: [id53083705|Дмитрий Медведев]:

Кликаем по кнопке «Отправить». Появится кликабельная ссылка на страницу человека. Перед отправкой убедитесь, что вы правильно все написали, так как изменить гиперссылку уже нельзя будет. Вам нужно будет удалять сообщение и писать заново.

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

Создавать анкоры можно не только для внутренних страниц сайта, но и для сторонних ресурсов. Как делать такие коды?

Второй код

Этот код будет иметь следующий вид: *id (текст). В тексте пишем фразу, которая будет видна в сообщении или посте. Пишем опять же ID или название профиля. Например, *dm (Дмитрий Медведев). Снова нажимаем на кнопку «Отправить».

Если ссылка должна вести в группу, нужно вместо id аккаунта идентификатор сообщества. Она имеет вид: *public2158488 (?). Вместо кода смайлика можно вставить обычный текст.

Третий код

Еще один вид код: @id***(Текст), например, @id199358937(Александр). Опять же вместо id можно использовать короткое название аккаунта или группы, которое идет после vk.

Смайлик как ссылка

Вместе с текстом или же вообще вместо него используют смайлики. Чтобы добавить его в анкор (текст ссылки, который показывается в сообщении) понадобится его код. Например, *id1 (?) или *durov (?). Скобочках указан код смайла.

Где можно узнать их коды? Их можно посмотреть на множестве ресурсов. Достаточно в любом поисковике ввести запрос: коды смайлов ВКонтакте.

Если это внешняя страница

Внешний адрес оформляется очень быстро и просто. Достаточно ввести или вставить его в текстовом поле. Далее, автоматически появится анонс статьи и ее заголовок (из мета-тега title на сайте). Загрузится также изображение.

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

Длинный адрес страницы выглядит не очень привлекательно. Его можно сократить в самом ВКонтакте. Перейдите по адресу: https://tvoyvk.ru/cc. Вставьте в поле адрес, который вы хотите уменьшить.

Для создателей групп

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

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

  • Если оформлением идет текстом (то есть, анкорная): [Ссылка|Текст ссылки].
  • Если картинкой: [[photo***_***|**x**px|адрес сайта]]. После английского слова photo нужно указать номер фотографии ВКонтакте. Он находится в адресе изображения. Далее, нужно копировать размер (параметры для горизонтали и вертикали), а также адрес сайта, на который будет переключать изображение. При этом стоять может как внутренняя, так и внешняя страница.

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

Этой картинкой можно будет делиться, кидать ее на стены и тому подобное. Каждый, кто на нее нажмет, будет перенесен на внешний сайт.

Предварительно, активируйте в настройках группы параметр «Материалы».

Чтобы создать анкорную ссылку на аккаунт, группу, сообщество, мероприятие в социальной сети ВКонтакте, нужно знать идентификатор страницы в виде номера id или названия страницы, которое идет после слова vk в адресе.

Читайте также  Прослушивание музыки оффлайн

Вывод обсуждения из группы вконтакте на сайте ❎ wpcraft

<?php// стили взяты с ВКонтакте, чтоб визуально было похоже на стену ВК ?>

<style>

  .wall_module{font-family:Arial,sans-serif!important;}

  .bp_content {margin:1rem;}

    .bp_post {

        color:#363636;

        padding:15px;

        margin-top:-1px;

        border:solid#e7e8ec;

        border-width:1px;

    }

    .bp_thumb {

        float:left;

    }

    .bp_thumb, .bp_img {

        width:50px;

        height:50px;

    }

    .bp_img {

        border-radius:50%;

        overflow:hidden;

    }

    .bp_info {

        margin-left:62px;

    }

    .bp_author_wrap {

        line-height:16px;

        white-space:nowrap;

        overflow:hidden;

        text-overflow:ellipsis;

    }

    .bp_author {

        font-weight:700;

        -webkit-font-smoothing:antialiased;

        -moz-osx-font-smoothing:grayscale;

        color:#42648b;

    }

    a.bp_date {

        color:#939393;

        font-size:11px;

    }

    a.img.imgvk, img.imgvk {

        height:150px;

        margin:5px;    

    }

@media only screen and (max-width: 479px) {

    a.img.imgvk, img.imgvk {

        max-height:90px;

        max-width:120px;

        margin:3px;    

    }

    .bp_thumb, .bp_img {

        width:40px;

        height:40px;

    }

    .bp_info {

        margin-left:50px;

    }    

}

  /* **Модальное окно для фото** */

body {font-family:font-family:‘GIlroy’,sans-serif;}

.imgvk {

    border-radius:5px;

    cursor:pointer;

    transition:0.3s;

}

.imgvk:hover {opacity:0.7;}

/* Фон модального окна */

.modal {

    display:none;/* Hidden by default */

    position:fixed;/* Stay in place */

    z-index:100000;/* Sit on top */

    padding-top:100px;/* Location of the box */

    left:;

    top:;

    width:100%;/* Full width */

    height:100%;/* Full height */

    overflow:auto;/* Enable scroll if needed */

    background-color:rgb(0,0,0);/* Fallback color */

    background-color:rgba(0,0,0,0.9);/* Black w/ opacity */

}

/* Содержимое модального окна */

.modal-content {

    margin:auto;

    display:block;

    width:80%;

    max-width:700px;

}

/* Заголовок модального изображения */

#caption {

    margin:auto;

    display:block;

    width:80%;

    max-width:700px;

    text-align:center;

    color:#ccc;

    padding:10px;

    height:150px;

}

/* Анимация */

.modal-content, #caption {    

    -webkit-animation-name:zoom;

    -webkit-animation-duration:0.6s;

    animation-name:zoom;

    animation-duration:0.6s;

}

@-webkit-keyframes zoom {

    from {-webkit-transform:scale()}

    to {-webkit-transform:scale(1)}

}

@keyframes zoom {

    from {transform:scale()}

    to {transform:scale(1)}

}

/* Кнопка закрытия */

.close {

    position:absolute;

    top:15px;

    right:35px;

    color:#f1f1f1;

    font-size:40px;

    font-weight:bold;

    transition:0.3s;

}

.close:hover,

.close:focus {

    color:#bbb;

    text-decoration:none;

    cursor:pointer;

}

/* 100% изображение на малениких экранах */

@media only screen and (max-width: 700px){

    .modal-content {

        width:100%;

    }

}

  /* End **Модальное окно для фото** */

</style>

<?php

// https://tvoyvk.ru/dev/board.getComments – Документация

$token=“”;// access_token – Как получить токен описано в документации ВК

$group_id=111111111;// ID Группы

$topic_id=11111111;// ID Топика

$count=100;// кол-во нужных записей. Положительное число, по умолчанию 20, максимальное значение 100

$sort=‘asc’;// asc — хронологический / desc — антихронологический

// раскомментировать по необходимости

// $get_count = curl(‘https://api.tvoyvk.ru/method/board.getComments?group_id=’.$group_id.’&topic_id=’.$topic_id.’&v=5.60&access_token=’.$token);

// $jsonGetCount = json_decode($get_count,true);

// $count = $jsonGetCount[‘response’][‘count’]; // данные по кол-ву записей, если вдруг нужно будет больше 100

// внимание! проверьте, что у вас на сервере есть curl

functioncurl($url){

    $ch=curl_init($url);

    curl_setopt($ch,CURLOPT_RETURNTRANSFER,true);

    curl_setopt($ch,CURLOPT_SSL_VERIFYHOST,false);

    curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,false);

    $response=curl_exec($ch);

    curl_close($ch);

    return$response;

}

$get=curl(‘https://api.tvoyvk.ru/method/board.getComments?group_id=’.$group_id.‘&topic_id=’.$topic_id.‘&extended=1’.‘&count=’.$count.‘&sort=’.$sort.‘&v=5.60&lang=ru&access_token=’.$token);

$jsonGet=json_decode($get,true);

if(!empty($jsonGet[‘response’][‘groups’][])){

    $groupsId=$jsonGet[‘response’][‘groups’][][‘id’];// id группы

    $groupsName=$jsonGet[‘response’][‘groups’][][‘name’];// название группы

    $groupsPhoto=$jsonGet[‘response’][‘groups’][][‘photo_50’];// фото

}

?>

<div class=“wall_module”>

    <?php

    foreach($jsonGet[‘response’][‘items’]as$value):

        $userId=(string)$value[‘from_id’];// ID Автора

        $date=$value[‘date’];// Дата в unixtime

        $text=$value[‘text’];// Текст

        $user=false;

        $attachments=array();

        unset($textFormated);

        if($userId[]!=‘-‘){

            $user=true;

            $profile=array_search($userId,array_column($jsonGet[‘response’][‘profiles’],‘id’));// Ищем автора в массиве profiles

            $text=$value[‘text’];// Текст

            $photo=$jsonGet[‘response’][‘profiles’][$profile][‘photo_50’];// Фото Автора (50,100 и т.д.)

            $fname=$jsonGet[‘response’][‘profiles’][$profile][‘first_name’];// Имя Автора

            $lname=$jsonGet[‘response’][‘profiles’][$profile][‘last_name’];// Фамилия Автора

        }

        // Прикрепленные фото

        if(!empty($value[‘attachments’])){

            $attachments=$value[‘attachments’];

        }

        // ответы на комментарии

        if(strripos($text,“|”)){

            $textArray=explode(“|”,$text);

            $textFormated=str_replace(“]”,“”,$textArray[1]);

        }

    ?>

    <div class=“bp_post clear_fix “>

        <?phpif($user):?>

            <aclass=“bp_thumb”href=“https://tvoyvk.ru/id<?phpecho$userId;?>target=“_blank”>

                <img class=“bp_img”alt=<?phpecho$fname.” “.$lname;?>src=<?phpecho$photo;?>>

            </a>

        <?phpelse:?>

            <aclass=“bp_thumb”href=“https://tvoyvk.ru/club<?phpecho$groupsId;?>target=“_blank”>

                <img class=“bp_img”alt=<?phpecho$groupsName;?>src=<?phpecho$groupsPhoto;?>>

            </a>

        <?phpendif;?>

        <div class=“bp_info”>

            <div class=“bp_author_wrap”>

                <?phpif($user):?>

                    <aclass=“bp_author”href=“https://tvoyvk.ru/id<?phpecho$userId;?>target=“_blank”><?phpecho$fname.” “.$lname;?></a>

                    <aclass=“bp_date”><?phpechogmdate(“d.m.Y”,$date);?></a>

                <?phpelse:?>

                    <aclass=“bp_author”href=“https://tvoyvk.ru/club<?phpecho$groupsId;?>target=“_blank”><?phpecho$groupsName;?></a>

                    <aclass=“bp_date”><?phpechogmdate(“d.m.Y”,$date);?></a>

                <?phpendif;?>

                <span class=“bp_topic”></span>

            </div>

            <div class=“bp_content”id=“”>

                <?phpif(isset($textFormated)):?>

                    <div class=“bp_text sl”><?phpecho$textFormated;?></div>

                <?phpelse:?>

                    <div class=“bp_text”><?phpecho$text;?></div>

                <?phpendif;?>

            <div>

                <?php

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

                if(!empty($attachments)){

                    foreach($attachmentsas$attach){

                        if($attach[‘type’]==‘photo’){

                       //  закомент.чтобы не оборачивало фото в ссылку   echo ‘<a href=”‘.$attach[‘photo’][‘photo_604′].'”>’;

                            echo‘<img class=”imgvk” src=”‘.$attach[‘photo’][‘photo_604’].‘” >’;

                     //       echo ‘</a>’;

                        }

                    }

                }

                ?>

            </div>

        </div>

    </div>

</div>

    <?phpendforeach;?>

  <!Модальноеокнодляфото>

<div id=“myModal”class=“modal”>

  <span class=“close”>×</span>

  <img class=“modal-content”id=“img01”>

  <div id=“caption”></div>

</div>

</div>

<script>

// Получаем модальное окно

varmodal=document.getElementById(‘myModal’);

// Получаем изображение и вставляем его в модальное окно  – используйте его “alt” текст в качестве подписи

varimg=document.getElementsByClassName(‘imgvk’);

varmodalImg=document.getElementById(“img01”);

varcaptionText=document.getElementById(“caption”);

for(vari=;i<img.length;i ){

  img[i].onclick=function(){

    modal.style.display=“block”;

    modalImg.src=this.src;

    captionText.innerHTML=this.alt;

  };

}

// Получаем <span> элемент который закрывает модальное окно

varspan=document.getElementsByClassName(“close”)[];

// Когда пользователь нажимает <span> (x), закрываем модальный

modal.onclick=function(){

    modal.style.display=“none”;

}

span.onclick=function(){

    modal.style.display=“none”;

}

</script>

Понравилась статья? Поделиться с друзьями:
ТВОЙ ВК
Добавить комментарий

Adblock
detector