Мы затронули вопрос привлечения подписчиков на паблик через вирусные посты, оформленные при помощи wiki — разметки , так называемые вики — страницы .
Wiki - это специальный язык, который поддерживает гиперссылки, позволяет создавать и связывать между собой сайты, используя только веб-браузер. На базе этой технологии, например, создан сайт Википедия. Важно то, что осуществить переадресацию при помощи этой технологии может любой человек, даже незнающий этот язык.
Для нас интересны две возможности:
- Переадресация внутри сайта с одной страницы на другую с использованием вирусных постов, предназначенных для мотивации подписаться на Вашу публичную страницу
- Переадресация со стороннего сайта на Вашу страницу (в случае рекламы на раскрученных пабликах)
Давайте разберемся, как создать такую wiki — страницу.
Для работы с вики — разметкой нам понадобится группа, так как такую страницу можно создавать только в группе, а уже после её создания перенести в паблик. Процесс создания группы похож на . Для этого переходим в закладку «Мои группы» и нажимаем «Создать сообщество».
В открывшемся окне выбираем «Группа». Название можно прописать любое, в основном эти группы называют «Черновик…». Подтверждаем нажатием на кнопку «Создать сообщество».
В следующем окне необходимо подключить раздел «Материалы». Все остальные разделы нас не будут интересовать, поэтому их можно не подключать. В заключение нажимаем «Сохранить». После этого мы переходим на главную страницу вновь созданной группы. В дальнейшем мы будем работать с разделом «Свежие новости». При наведении курсора на название этого раздела появляется кнопка «Редактировать», на нее и нажимаем.
После нажатия мы переходим в своеобразный редактор, где и будем создавать wiki -страницу. В первую очередь необходимо переключить редактор в режим wiki — разметки, для чего нажимаем на значок в верхнем правом углу. Если редактор находится в нужном нам режиме, то при наведении курсора на значок выплывает подсказка «Визуальный режим редактирования». Если же такое не происходит, значит редактор ещё не находится в режиме wiki — разметки.
По сути wiki — разметка является своего рода кодом, при помощи которого можно создавать интерактивные элементы в группах и пабликах. Наша цель – создать страницу с окончанием вирусного поста для привлечения подписчиков. Из вирусного поста выделяем отрывок в начале и обрываем его в интригующем месте. Это будет видимая часть, а весь материал скроем wiki — страницей. Для ее создания в редакторе открываем дважды прямоугольные скобки и закрываем их, должно получится следующее: . Внутри скобок вводим тот текст, который будет призывать наших посетителей получить доступ ко всему материалу путем подписки и нажимаем «Сохранить страницу».
Если все сделано правильно, то нажав на «Просмотр» или «Вернуться на страницу» мы переходим на созданную wiki — страницу, где введённый текст должен приобрести вид ссылки. После нажатия на текст – ссылку, мы переходим на саму страницу, где и будем наполнять ее основным материалом и делать перенос в паблик.
Для переноса страницы в паблик в адресной строке нужно заменить идентификатор данной страницы (цифры до знака & выделенные на рисунке) на идентификатор паблика.
Для получения идентификатора паблика (если вы дали ему короткое имя) нажимаем на любую из картинок, опубликованных на нем и в адресной строке сможем скопировать его (цифры между photo- и _).
Копируем цифры из паблика и вставляем их вместо цифр wiki — страницы и сразу же нажимаем на клавишу «Enter». После этого вверху страницы вместо названия «Черновик…» должно появиться названия паблика. Это означает, что все сделано правильно и наша wiki — страничка перенесена в паблик.
Теперь нажимаем на «Наполнить содержанием», открывается знакомый нам редактор, в который вставляем статью полностью. Здесь можно также добавить фото, мультимедийные файлы. После этого переходим в «Доступ к странице» и в разделе доступа отмечаем «Все пользователи», а в разделе редактирования – «Только руководители группы» и нажимаем «Сохранить изменения».
После сохранения странички нажимаем «Вернуться к странице» и копируем ссылку на нее в адресной строке. Эту ссылку нужно сохранить в любом текстовом файле (блокноте, ворде).
Теперь переходим к публикации нашего вирусного поста. мы уже рассматривали в предыдущих статьях. Единственное отличие в данном случае в том, что сначала публикуем анонс, а после добавления фото пишем, что продолжение или ответ (в зависимости от типа поста) находится под фото, и вставляем ранее сохраненную ссылку. Ждем когда подгрузится страничка и ссылку убираем. Теперь нажимаем «Отправить» и делаем закрепление поста вверху нашего паблика. Как закрепляется пост, мы рассматривали в одной из предыдущих статей.
Теперь можно организовать рекламную кампанию посредством публикации анонса на пост в «раскрученных» пабликах. Мы рассмотрели создание вики — страницы . Таким образом, можно создавать огромное количество страниц и привлекать все больше подписчиков, интригуя их интересным материалом.
Местом для общения и взаимодействия людей вконтакте, выступает группа или сообщество. Это отдельная страница, со списком участников, и всевозможными материалами, которые они публикуют.
Сейчас я покажу вам, как создать группу вконтакте . Разберем основные этапы, а также научимся добавлять материалы, создавать альбомы для фотографий, опросы и т.д.
Идем в раздел «Группы» .
Здесь нажимаем кнопку «Создать сообщество» . Откроется окно, в котором нужно написать название группы. Также поставьте переключатель напротив пункта «Группа» .
После этого нажимайте кнопку «Создать сообщество» . Мы будем перемещены в меню общих настроек. Здесь нам нужно заполнить следующие поля:
Заполняйте все эти поля, в соответствии со своей задачей. Когда закончите, нажимайте кнопку «Сохранить» . Вы перейдете к своей новой группе.
Как загрузить аватарку для группы
Давайте добавим уникальную картинку, чтобы ваше сообщество стало более привлекательным.
Для этого в блоке, где будет аватарка, нажмите на ссылку «Загрузить фотографию» .
С помощью формы, выберите нужный файл на жестком диске вашего компьютера. Сохраните изменения.
Как создать обсуждение в группе
Давайте предоставим нашим подписчикам возможность обсудить какой-либо вопрос. Для этого нужно добавить обсуждение. На главной странице группы нажмите кнопку «Добавить обсуждение» .
Заполняем заголовок и описание. Также ставим галочку напротив пункта «От имени сообщества» . Нажимаем «Создать тему» .
Обсуждение будет создано, и доступно для ваших подписчиков.
Как создать альбом в группе
Для создания альбома нажмите на кнопку «Добавить фотографии» .
Здесь нажимаем кнопку «Создать альбом» . Откроется форма — в ней нужно указать название и описание альбома. При необходимости дайте права на загрузку фотографий только администраторам и модераторам. Вы также можете отключить комментирование альбома.
Когда все заполните, нажимайте кнопку «Создать альбом» .
Как создать опрос в группе
Для этого вернемся к стене нашего сообщества. В форме создания нового сообщения, нажмите на значок «Еще» . В выпадающем меню выберите пункт «Опрос» .
Укажите тему опроса, и варианты выбора. При необходимости сделайте опрос анонимным. Дальше нажимайте кнопку «Отправить» .
Видео урок: как создать группу вконтакте
Заключение
Теперь вы знаете, как создавать группу или сообщество вконтакте. Мы также научились оформлять его, делать базовые настройки, и добавлять некоторые элементы.
Вконтакте
Думаю, каждый, кто активно пользуется соц сетью Вконтакте, уже встречал красиво оформленные группы и паблики. Многие из них имеют помимо меню еще и множество стилизованных вложенных страниц, каталоги и прочее, что по сути создает небольшой сайт прямо внутри социалки.
Вот несколько примеров, чтобы все понимали, о чем речь.
Такие группы позволяют выделиться среди своих конкурентов и привлекать больше пользователей. Особенно, если еще и контент интересный:)
В рамках данной статьи мы поговорим о том, как это всё делается. Чтобы более подробно всё разобрать и вникнуть во все тонкости, возьмем конкретный пример. Будет небольшой мастер-класс по оформлению групп.
Идея и выбор формата сообщества
Самый первый этап нашей работы — это идея. Нужно понять, о чем мы хотим рассказать и кому. В контакте есть несколько форматов сообществ и выбирать стоит с учетом поставленных задач. Хотя в дальнейшем группу можно перевести в формат паблика и наоборот.
Объясняю на пальцах. Паблик — это что-то сравни блогу. Лента новостей. Иными словами, мы рассказываем своим подписчикам о каких-то вещах и они не смогут писать на стене нашего сообщества. Максимум — комментировать.
Группа позволяет создать более открытое к беседе и обсуждениям сообщество, где люди смогут от своего имени делать посты в ленте. В неё также можно добавлять друзей из своего списка. В паблике такой возможности нет. Кроме того, в группе немного больше возможностей по интегрированию вики-разметки (здесь есть раздел «Новости», в который можно интегрировать меню).
Глобально можно рассуждать так: если нам нужно создать сообщество для магазина, то я бы взял формат «паблик». Если же речь идет, например, о любителях рыбалки, то лучше взять «группу». Хотя, каждый волен поступать так, как считает нужным. Ведь в любой момент формат можно будет изменить. Однако, имейте в виду, что Вконтакте вводит ограничение на повторное изменение формата сообщества и после первого раза нужно будет ждать несколько дней до того момента, как вы сможете всё вернуть назад при необходимости. Поэтому тестировать функционал лучше до того, как группа начнет наполняться контентом.
В рамках данного мастер-класса я в качестве отправной точки возьму игру Mad Max по мотивам одноименного фильма, которая вышла буквально пару недель назад и создам сообщество для игроков с различными материалами по этой игре. Главная цель — слив трафика на свой игровой сайт.
Формат будет «Группа», так как нужно создать естественный приток аудитории и максимально расширить общение внутри сообщества. Сразу уточню, что буду использовать универсальную методику, которую можно применять как в формате группы, так и в паблике. Это работает везде.
Контента море, начинаем воплощать идею в жизнь!
Создание группы
Чтобы создать группу, переходим в «Мои группы» в правом меню аккаунта Вконтакте и нажимаем на синюю кнопку вверху «Создать сообщество».
Должно появиться вот такое окошко, где мы вводим название для нашей группы и выбираем формат.
Введя необходимую информацию перед нами открывается панель управления нашим сообществом. В моем случае она выглядит следующим образом.
Как вы видите, я добавил немного параметров: включил видео, аудиозаписи, обсуждения и еще ряд возможностей, которые мне пригодятся в дальнейшей работе при сборе контента. Всё это можно будет в дальнейшем изменять без каких-либо ограничений. Также я прописал адрес своего сайта. Если у вас сайта нет, либо же его тематика не соответствует формату сообщества (они о разных вещах и никак не связаны друг с другом), то эту строку можно оставить пустой.
Возрастные ограничения я ставлю в данном случае от 18, по аналогии с теми, что разработчики выставили игре. Хотя я практически не сомневаюсь, что играют и дети.
Всё. Группа создана!
Теперь можно начинать ее оформлять.
Оформление группы Вконтакте
Этот этап можно разбить на 2 составляющие: графическая и техническая. Для работы нам потребуется шаблон для создания аватарки группы и меню, а также немного воображения и базовые знания фотошопа (он же Adobe Photoshop).
Шаблон разметки
Что представляет из себя шаблон и что это вообще такое? Шаблон — это своего рода заготовка. В данном случае, в *.psd формате у нас размечены области для картинки под меню и аватарки группы.
Как видно на втором примере в начале данной статьи, мы можем сделать оформление в едином стиле для аватарки и картинки меню. При этом визуально ее разрезает на 2 части. Так вот шаблон позволяет сформировать изображение так, чтобы устранить смещение графики и максимально подогнать картинки на один уровень.
Чтобы стало понятнее, вот пример.
Мы видим, что на обеих частях картинки есть полоса с видом на жилой район. Без использования шаблона ровно сделать с первого раза практически нереально. Нужно будет подгонять картинки, вымеряя расхождения вплоть до 1px. В то время как при использовании шаблона мы просто добавляем в него графику в рамках разметки и сразу же получаем желаемый результат.
Хочу отметить, что данный шаблон рассчитан на 1 строку в пояснении. На скриншоте примера там телефоны. Если появится вторая строка, то необходимо будет использовать другой шаблон, либо исправить дизайн вручную.
Мы же тем временем приступаем непосредственно к графическому оформлению своей новой группы. Здесь я выбираю путь наименьшего сопротивления и для поиска частей дизайна отправляюсь в Google Картинки. Можно использовать и Яндекс. Кому что больше нравится.
Дизайнерского образования у меня нет, поэтому подробно останавливаться на вопросах подбора шрифтов и прочих мелочей не будем. Поколдовав немного в фотошопе, я получил такой результат.
На левом фрагменте (где надпись «Меню») можно также добавить несколько триггеров. В данном случае я решил делать без них. Всё. Дизайн аватарки готов. Жмем в фотошопе сочитание горячих клавиш Shift+Ctrl+Alt+S и сохраняем наши фрагменты в папку на жесткий диск.
Первый этап работы с графикой завершен. Возвращаемся в контакт.
Установка аватара и меню для группы
Щелкаем мышкой на двух типов на месте авы нашей группы и загружаем туда наше изображение. Вот эти ребята, под ними еще написано «Загрузить фотографию».
Добавляем картинку. Указываем поля и выбираем миниатюру. Здесь всё просто и проблем быть не должно.
Как мы видим, нужно знать id сообщества. Узнать его очень просто. Находим в своей группе меню (сразу под аватаркой) и открываем «Статистику сообщества». При этом в адресной строке браузера появится что-то похожее (цифры будут другие).
Эти цифры после «?gid=» и есть искомое id группы. Вставляем полученное значение в форму скрипта и пишем название для той страницы, которую хотим создать. В данном случае, я вбиваю «Меню».
Стоит отметить, что страницу создаст лишь в том случае, если окно с группой открыто в соседней вкладке. Проще говоря, вы должны быть авторизованы в вк в этом же браузере. Ведь на подобные манипуляции есть доступ только у администратора группы и назначенных им людей. Случайный прохожий не сможет вот так запросто взять и поменять настройки группу, в админку которой он не имеет доступа.
Если всё сделано правильно, откроется вот такая страница.
Это то самое окно, где мы чуть позже сделаем вики-разметку и создадим внутреннее меню для своей группы. Пока что нам достаточно написать здесь что-нибудь. После чего нажимаем синюю кнопку «Сохранить страницу» и вверху жмем на ссылку Вернуться к странице.
Я у себя написал «Меню» и моя страница после сохранения стала выглядеть следующим образом.
Дизайна еще никакого нет, но сейчас нам нужна лишь ссылка на эту страницу. Забираем ее в адресной строке браузера и возвращаемся на главную страницу нашей группы. В ленту.
Здесь создаем пост следующего содержания: вставляем туда картинку и ссылку на страницу меню для группы.
Нажимаем отправить. После чего щелкаем по времени отправки сообщения и выбираем там среди всех вариантов пункт «Закрепить». Обновляем страничку (клавиша F5 на клавиатуре) и, если всё сделано правильно, получаем первый результат: группа обрела аватарку и ссылку для перехода в раздел меню.
Wiki-разметка меню группы Вконтакте
Теперь займемся оформлением непосредственно самой менюшки. Снова идем в фотошоп и создаем дизайн для нашего меню. При проектировании интерфейса нужно помнить о тех людях, которые будут заходить в вк через приложение с мобильных телефонов. Иными словами, у нас не должно быть мелких элементов и кроме того нужно постараться сделать всё как можно понятнее. Чтобы не нужно было гадать, как здесь всё устроено и куда нам нажать… а просто ткнуть в нужный пункт и изучать искомую информацию.
Не буду сейчас останавливаться подробно на том, как именно я собирал меню. Вот, что у меня получилось.
Минимум полей. Вертикальная раскладка. Идеальный формат для адаптивного меню. То есть, на мобилах ничего никуда не поедет. Всё будет в точности, как на экранах компьютеров и планшетов. Ширину беру 500 px, чтобы потом ничего не ужалось и не потерять в качестве изображения дважды. Высота не принципиальна.
Разрезаем изображение на фрагменты и сохраняем их.
Всё. Настало время заключительного аккорда — собираем меню уже в самой группе.
Для этого возвращаемся на главную страницу группы (там, где лента и наша ссылка-картинка, ведущая в меню). Щелкаем мышкой на изображение меню и попадаем на ту самую страничку, которую ранее создали для менюшки.
Если вы администратор или создатель группы (в нашем случае это так и есть), то в верху страницы будет ссылка «Редактировать». Щелкаем по ней.
Затем переходим в режим wiki-разметки (под кнопкой закрыть в верхнем правом углу странички нарисована такая рамочка с <> внутри). Когда нужный режим активирован, данная кнопка обведена серым.
После чего тыкаем в иконку фотоаппарата и добавляем сразу все фрагменты нашего меню. В режиме вики самих картинок мы не увидим, лишь код этих изображений с размерами и параметрами.
Я хочу расположить меню по центру и чтобы между фрагментами не было никаких зазоров. Поэтому каждый из элементов обертываем в тег
Первый и последний элементы меню не должны быть кнопками — у меня на рисунке это всего лишь графический элемент без ссылки на внутреннюю страницу, поэтому к ним прописываем дополнительно параметр «nolink». Это уберет возможность щелкнув по данному элементу открыть в отдельном окне кусочек картинки. От щелчка мышки теперь вообще ничего не произойдет. Это обычный фон страницы. Неактивный.
В моем случае код меню выглядит следующим образом.
Отдельно хочу отметить тот факт, что после импорта картинок в вк встроенная система порой неверно указывает размеры изображений. Поэтому за этим нужно внимательно следить и выставлять именно те, которые мы планировали на этапе проектирования дизайна. В противном случае всё может разъехаться и пазл в итоге не сложится.
Когда мы прописали код и выровняли все элементы, сохраняем страничку и видим тоже самое, что было в фотошопе.
Остался последний штрих — нужно создать те самые страницы, куда будет отправлять людей наше меню. Для этого вновь обратимся к скрипту по генерации wiki-страниц и на этот раз заказываем сразу три страницы. При этом также необходимо что-нибудь на каждой написать и не забыть сохранить куда-то их адреса из адресной строки браузера.
После чего вставляем в вики-код менюшки ссылки на новые страницы в виде page-102302049_51013384, где первое число — это id группы, а второе — номер страницы. Хотя, это в общем-то и не важно. Ведь нам нужно всего лишь скопировать этот фрагмент URL и вставить в разметку.
В итоге код меню принимает следующий вид.
Внешне же ничего не изменилось. Зато, когда мы щелкаем мышкой по элементам меню, видно, что теперь оно работает!
Что касается самой разметки и правил, по которым пишется код, советую почитать специально посвященную этому делу группу Вконтакте. Ребята описали все ключевые моменты и в их каталоге без труда можно найти необходимый элемент и выяснить, как добавить его на свою вики-страничку.
Шаг 1
Для начала идем в свою группу и в блоке «Свежие новости» (в данном случае я переименовала ее в «Меню») нажимаем ссылку «Редактировать», которая появляется при наведении. Важно! Во-первых, у вас должна быть именно Открытая группа, а не Страница. Поскольку на Странице такого пункта просто нет. И второе, в меню Управление сообществом > Информация > Материалы должен быть выбран пункт «Открытые».
Шаг 2
Во вкладке «Редактирование»пишем фразу [[Веб-дизайн теория]], заключенную в двойные квадратные скобки. Потом нажимаем на кнопку «Сохранить страницу».
Шаг 3
После этого рядом с кнопкой появится ссылка «Предпросмотр», на нее и жмем. Ниже откроется предпросмотр нашего меню, где мы видим появившуюся снизу ссылку «Веб-дизайн теория».
Шаг 4
Жмем на эту ссылку и переходим на созданную страницу с названием «Веб-дизайн теория». После жмем на ссылку «Наполнить содержанием». Далее редактируем текст как в обычном текстовом редакторе — вставляем картинки, тексты, видео и прочие объекты. При этом наша созданная страница будет иметь урл вида https://vk.com/page-15865937_43819846.
Альтернативный способ создания внутренней страницы
Есть альтернативный способ создания страницы. В основном он подходит для пабликов (публичных страниц), поскольку для них не подходит способ, описанный выше. Для этого мы воспользуемся таким кодом
http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы
где вместо ХХХ мы подставим id нашей группы, а вместо текста «Название страницы» мы напишем Меню. Теперь надо выяснить id группы. Как это сделать? Заходим на главную страницу группы и смотрим на наши записи на стене - прямо под блоком «Добавить запись» будет написано «Все записи» - нажимаем на эту ссылку.
Переходим на страницу и видим урл такого вида https://vk.com/wall-78320145?own=1 , где цифры 78320145 в данном примере и есть id группы. Подставляем наши данные в исходный код и получаем запись такого вида: http://vk.com/pages?oid=-78320145&p=Меню (с вашими цифрами!). Вставляем эту строку в адресную строку браузера и нажимаем Enter. Так мы создали новую страницу Вконтакте.
