Как сделать ссылку на аватарку
Как кастомизировать блок ссылок в группе в VKontakte
Контент хоть и король, но, чтобы привлекать аудиторию в ваши паблики, одного его мало. Хорошее оформление групп, подходящие качественные изображения, подобранные с учетом специфики соцсети — играют не менее важную роль в продвижении ваших аккаунтов.
На примере нашей группы в Vkontakte, я хочу показать, как можно красиво оформить блок ссылок.
Обычно в нем размещают важные для группы ресурсы, например личные сайты или аккаунты в других социальных сетях. По этим ссылкам можно попасть на другие ресурсы компании прямо из группы.
Добавить ссылку очень просто, нужно иметь необходимые права в группе, перейти в режим редактирования, а затем нажать на кнопку «Добавить ссылку».
В появившемся окне ввести нужный адрес, система сделает запрос и подтянет данные, заголовок и картинку, которые указаны в на добавляемом ресурсе. Заголовок поменять можно, а вот картинку по умолчанию изменить нельзя.
Поэтому иногда получается так, что в блоке может появиться ссылка с картинкой, которая не очень хорошо смотрится на странице. Например, как тут.
Выход есть всегда
Дома, после работы, я потратил полчаса на исследование запросов к серверу, пытаясь понять, как и что можно подменить в запросах, чтобы социальная сеть добавила конкретный ресурс с нужной картинкой. Теперь хочу поделиться этой информацией, чтобы все могли красиво оформлять свои группы. Возможно в будущем создатели соцсети и добавят такую опцию, но пока ловите этот лайфхак.
Подготовка
Для удобной работы нам понадобится специальная программа Postman, которая позволяет делать запросы к серверу и передавать нужные параметры.
Браузер Chrome, можно и любой другой, но именно тут есть удобный встроенный инструмент для разработки. Кликаете правой кнопкой мыши и в контекстном меню выбираете «Inspect» ( или «Исследовать» в русской версии).
Альтернативный способ: Больше инструментов (More Tools) > Инструменты (Tools) > Инструменты разработчика (Developer Tools).
Шаг 1
Зайдите в группе на страницу редактирования блока ссылок и вызовите Инструменты разработчика, перейдите во вкладку Networks и выберите под вкладку All
Шаг 2
Не закрывая панель разработчика добавьте новую ссылку (не стоит пока обращать внимание на картинку и текст, вы все равно это удалите, а реальные ссылки добавите позже). Это нужно для того, чтобы отловить нужные запросы к серверу.
Шаг 3
После того как добавили ссылку и она появилась у вас в списке, нужно получить данные из кучи запросов, которые были сделаны. Для этого в инструменте разработчика, в поле Filter напишите share.php. Данный запрос отвечает за загрузку изображения на сервер, мы будем использовать его для того, чтобы загрузить нужное нам изображение.
В результате вы увидите что-то похожее на этот скрин. Если у вас получилась подобная картинка, значит все хорошо и можно идти дальше.
Шаг 4
В программе Postman нужно ввести необходимые данные, полученные из запроса: это заголовок с сессией, который храниться в cookie, и сам Body запрос с данными. Делается это очень просто. Из шага 3 нужно скопировать: Request URL, Cookie, Body
и вставить их в Postman.
Чтобы проще было работать, в Postman есть Bulk режим, в котором можно добавлять данные, просто копируя из браузера.
Мы настроили запрос к API для загрузки картинки, теперь подменяя адрес нужной нам картинке, мы можем загружать ее на сервер. После того, как мы поменяли адрес картинки, нужно нажать на кнопку Send, сделать запрос к серверу и получить ответ, как на следующем скрине:
В полученном результате photo_id — это идентификатор нашей загруженной картинки, который мы можем теперь использовать при добавлении ссылки.
Шаг 5
Получив нужный идентификатор, мы должны теперь сформировать API запрос для добавления новой ссылки в группу. Для этого в браузере в режиме разработчика вместо share.php нужно написать groupsedit.php и произвести похожие действия как в шаге 4. Копируем Request URL, Method POST, Cookie, Body, создаем новую вкладку в Postman и вставляем данные.
После добавления в Postman в режиме Bulk
Только вместо photo_id из браузера нужно вставить наш полученный photo_id картинки, загруженной на предыдущем шаге, чтобы подменить стандартное изображение. Также тут можно изменить link – добавляемую ссылку и str – текст который будет отображаться пользователям.
В результате, мы получили две вкладки с API запросами, которые можем использовать для добавления новых ссылок и изображений. Теперь можете находить подходящие картинки в интернете или заливать свои и указывать их адреса.
Например, я для Facebook, hh.ru и Instagram сделал тематические логотипы, залил их на Google Drive, открыл доступ по ссылке и добавил для каждого ресурса.
Удачи вам в кастомизации!
Update: Информация на 24 декабря 2018 года уже не актуальна, vk обновил алгоритм загрузки изображения. Позже, как будет время, я разберусь и обновлю статью.
Научимся с нуля загружать аву с компьютера и телефона, а затем изменять ее.
Как добавить аву в ВК?
Давайте разберем процесс с новым профилем, который не имеет оформления.
Для начала сделаем это с компьютера.
Заходим на страницу, и обращаем внимание на блок, предназначенный для основного изображения. Там есть ссылка » Поставить фотографию «. Нужно нажать на нее.
На следующем шаге нужно нажать на кнопку » Выбрать файл «. Будет открыт проводник файлов на вашем компьютере. Найдите там нужное изображение, и дважды щелкните по нему курсором для загрузки.
Будет открыто окно предпросмотра файла. Отметьте здесь нужную область, и нажмите на кнопку » Сохранить и продолжить «. А затем сделайте тоже самое для миниатюры. Для завершения операции нажмите на кнопку » Сохранить изменения «.
Фото профиля загружено и установлено.
Для выполнения этой операции с телефона, откройте приложение Вконтакте на своем мобильном телефоне, и перейдите в свой профиль. Затем щелкаем по верхнему блоку, где должна быть аватарка. Появиться меню, в котором нужно выбрать пункт » Загрузить с устройства «.
Будет запущен проводник файлов. Выберите там нужное изображение, и загрузите его, нажав на кнопку » Готово «. После этого выберите область для миниатюры, и сохраните изменения. Фото будет установлено.
Изменяем фотографию профиля
Если нам нужно отредактировать страницу, которая уже имеет фото профиля, процесс не сильно отличается.
Наводим курсор мыши на блок с фото, и в появившемся окне нажимаем по ссылке » Обновить фотографию «. Дальше процесс аналогичен рассмотренному выше.
Примените нужные эффекты, и сохраните изменения.
При работе с телефона, возможности добавления эффектов у Вас не будет. Но зато можно сделать моментальную фотографию, выбрав в меню пункт » Сделать снимок «.
Теперь сделайте снимок и сохраните настройки.
Как сделать аватар из фотографии, загруженной в альбом
Кстати, данный метод сработает для любой фотографии, которую вы найдете Вконтакте.
Откройте нужное изображение для просмотра. В нашем случае мы переходим в раздел » Фотографии «, затем открываем нужный альбом и там щелкаем на интересующее нас фото (см. как создать альбом Вконтакте?).
Картинка открываем в режиме просмотра. Здесь мы разворачиваем меню » Еще «, и там выбираем пункт » Сделать фотографией профиля «. Затем выбираем область для основного изображения и миниатюры. Сохраняем изменения.
А вот с телефона такой трюк не сработает. Там просто нет нужного пункта в меню.
Поэтому если Вы нашли подходящее изображение и открыли его для просмотра, выберите в меню пункт » Сохранить «. Файл будет загружен на карту памяти вашего телефона. Теперь можете устанавливать эту фотку на аватарку, используя первый метод из этой инструкции.
Как удалить аву в ВК?
Наведите курсор мыши на блок с фотографией. В правом верхнем углу появиться значок в виде крестика. Нажмите на него для удаления аватара. В появившемся окне подтвердите операцию, нажав на кнопку » Удалить «.
Если вы устанавливали несколько изображений, то автоматически загрузиться предыдущее. Когда вы удалите все картинки, блок профиля примет первоначальный вид.
Чтобы выполнить эту процедуру с телефона, перейдите в свой профиль, щелкните по текущей фотографии, и в появившемся меню нажмите » Удалить «. Затем подтвердите операцию, нажав на кнопку » Да «.
Часто задаваемые вопросы
Вы всегда можете найти там старые аватарки, и выбрать их в качестве изображения вашего профиля. Если на них были лайки, они останутся.
Устанавливаем аватарки для email рассылки на Gmail, Mail.ru и «Яндекс»: инструкция
Быстро «опознать» письмо в инбоксе помогает не только имя отправителя, но и аватар — круглый значок рядом с именем отправителя. Из этой статьи вы узнаете, как установить аватар своей email рассылки с корпоративного и личного адреса для почтовых сервисов «Яндекс», Mail.ru и Gmail.
Содержание
Зачем устанавливать аватар для почты
Мы уже рассказывали, как важно выделиться в инбоксе у получателя. Для этого можно написать интересную тему — с вопросом или интригой, добавить в нее эмоджи. А еще можно использовать аватарку для почты — маленькую картинку рядом с именем отправителя.
Аватар находится слева, в самом начале строки. С учетом того, что взгляд обычно скользит именно слева направо, аватар рассылки — первое, что видит пользователь. Если у вас яркий и узнаваемый аватар, это еще один шанс не потеряться в инбоксе.
Какие бывают аватары для электронной почты
На аватарках для почты вы можете увидеть автоматически сформированные буквы, логотипы компаний и реже — фотографии.
Автоматический аватар
Если вы еще не ставили аватар, то почтовые клиенты все равно автоматически сформируют его из первых букв адреса отправителя. Аватар в таком случае будет выглядеть как кружок произвольного цвета с одной-двумя крупными контрастными буквами.
Пример автоматического аватара в почте, буква N взята из адреса отправителя — news@edx.org
Аватар-логотип
Если будете ставить логотип на свой аватар, переделайте его под нужный формат — в инбоксе он будет маленьким и круглым. Проследите, чтобы он читался даже с небольших экранов и не обрезался по сторонам.
Пример логотипа в аватаре отправителя
Кстати, если у вас на домене установлен favicon, то он будет автоматически подтягиваться в качестве аватара для почтовых адресов на этом домене. Favicon — это значок, который отображается на вкладке рядом с ее названием. Например, когда я впервые заходила на свою только созданную почту на домене sendpulse, почтовый клиент автоматически подставил логотип SendPulse мне на аватар:
Favicon может автоматически подтягиваться с сайта к аватару почтового адреса на домене сайта
Аватар-фото
Если вы отправляете письма от своего имени, есть смысл использовать свое фото, чтобы письмо выглядело более личным. Опять же, проследите, чтобы фотография хорошо смотрелась в маленьком кружке. Лучше всего помещать только лицо.
Пример личного фото в аватаре отправителя
Впрочем, аватар с личным фото получится поставить не везде. Например, Mail позволяет поставить в качестве аватара корпоративной почты только логотип компании, который установлен на favicon или есть на главной странице сайта. Подробнее об этом расскажу чуть дальше.
Как установить аватар в «Яндекс.Почте»
Если у вас личная почта на домене «Яндекс» (oleg@yandex.ru) или корпоративная почта (oleg@company.ru), сделанная на базе «Яндекс.Почты», установите аватарку через «Яндекс.Паспорт». Для этого зайдите в нужную почту через «Яндекс.Почту», нажмите на свой аватар в правом верхнем углу и выберите «Управление аккаунтом».
Вход в «Яндекс.Паспорт» через «Яндекс.Почта»
Вы попадете в «Яндекс.Паспорт», здесь возле круглого пустого аватара будет кнопка «Добавить фото». Фотография, которую вы загрузите, будет отображаться в качестве вашей аватарки во всех сервисах «Яндекса» и в ваших рассылках.
Добавление аватара через «Яндекс.Паспорт»
Если у вас корпоративная почта в другой почтовой системе или на собственном домене, то в самом «Яндекс» рекомендуют для смены аватарки использовать сторонний сервис Gravatar. Кстати, сервис работает не только для почты на «Яндекс». С его помощью вы можете добавить аватар для email рассылки к адресу на Mail, Gmail и других почтовых клиентах.
Обратите внимание! Для массовых рассылок нужно использовать почту на корпоративном домене, а не на общих типа @ya.ru, @mail.ru или @gmail.com. Читайте нашу статью о том, в чем преимущества корпоративной почты для рассылок, как ее создать и настроить.
Единственное ограничение для Gravatar — загружаемый файл должен весить до 1 Мб. Сервис сам оптимизирует их размер, формат и разрешение. Конечно, лучше загружать привычные графические форматы — png или jpeg, иначе обработка будет очень долгой.
Бесплатные email рассылки
Создайте аккаунт в SendPulse и отправляйте до 15 000 писем бесплатно каждый месяц!
Можно войти в Gravatar через данные аккаунта на WordPress или Google аккаунта.
Если вы залогинились, например, через Google аккаунт, то в профиле уже будет привязанная к этому аккаунту почта. Если нужна другая почта, то в разделе «Мои граватары» кликните «Add email address». Введите нужный адрес, и сервис отправит на него подтверждающее письмо.
Добавление нового адреса в аккаунте Gravatar
Теперь на той же странице нажмите «Add a new image», загрузите лого компании или личное фото одним из возможных способов.
Gravatar позволяет загрузить файл документом, ссылкой, снять с вебкамеры или выбрать из последних загруженных на сервис
После импорта присвойте рейтинг граватару. Выберите G — он подходит для показа на сайтах с любой аудиторией.
Аватару понадобится категория, чтобы сервис знал, где его можно показывать. Самая безопасная — категория G
Выберите адрес, к которому хотите привязать это изображение:
Последний этап — привязать изображение к нужному адресу
Осталось дождаться утверждения аватара службой «Яндекс». Это может занять несколько часов, дней, а то и недель.
Обратите внимание! В Gravatar вы привязываете аватарку к конкретному почтовому адресу. Если у вас несколько почтовых адресов, нужно привязать аватар отдельно к каждому из них.
Как добавить аватар для email рассылки в Mail.ru
Если у вас личная почта на Mail, нужно залогиниться с ней на Mail.ru и кликнуть на адрес справа вверху. В выпавшем списке нажмите на круглый аватар:
Аватар в Mail.ru
Откроется страница с настройками вашего профиля на «Мой Мир@Mail.ru». Выберите нужное фото, обрежьте и сохраните результат:
Установка аватара для личной почты на Mail.ru
Если у вас корпоративная почта на собственном домене, то придется использовать «Постмастер». Нужно подключить к нему домен, с которого будут отправляться письма с аватаром.
Если вы никогда не регистрировались в «Постмастер», то вбейте в поле на главной странице название домена — это часть после знака @ в адресе нужной почты. Например, для моей корпоративной почты это sendpulse.com.
Вбейте адрес домена на главной странице «Постмастер»
Подтвердите права на домен одним из трех указанных способов:
Система попросит подтвердить, что указанный домен действительно принадлежит вам
Если у вас уже есть домены на «Постмастер», то добавить новый можно в разделе «Добавить домен». Тут нужно ввести название домена, а затем подтвердить права на него одним из трех способов, как на предыдущем скриншоте.
Можно добавить несколько доменов — используйте раздел «Добавить домен»
После подтверждения прав на домен перейдите в меню «Настройки» в верхней панели, и там в меню «Настройка аватаров ваших доменов» загрузите подходящую картинку.
Настройте аватар для нужного домена в разделе «Настройки»
Кликните по пустому аватару и выберите изображение. Следуйте подсказкам сервиса.
Требования Mail.ru к аватарам:
То есть в «Постмастер» у вас не получится загрузить фотографию — это обязательно должен быть логотип c главной страницы сайта или favicon. Как в этом примере от GreenPeace:
Mail.ru не позволяет ставить фото на аватар для корпоративных адресов — это должен быть логотип
Теперь дело за модерацией. Она может занять от нескольких часов до недель.
Обратите внимание! В «Постмастере» от Mail.ru вы устанавливаете аватар для домена. Этот аватар будет по умолчанию отображаться для всех адресов, зарегистрированных на домене.
Как установить аватар для почты в Google
Если у вас личная почта на Gmail, сменить аватар можно очень быстро. Залогиньтесь в Google аккаунте, выйдите на главную страницу Google, нажмите на свой круглый аватар в правом верхнем углу страницы, а в выпавшем меню — на значок фотоаппарата рядом с аватаром. Откроется такое же окно, где вы сможете загрузить файл, кадрировать его, повернуть и установить получившееся фото в качестве аватара.
Быстрый способ сменить фото в Google аккаунте
Чтобы добавить аватар для email рассылки в Google с корпоративного адреса, вам придется добавить свою корпоративную почту в Google аккаунт. Вот как это сделать.
Залогиньтесь в своем Google аккаунте и зайдите в его настройки:
Вход в Google аккаунт
Выберите слева «Личные данные». Найдите в этом разделе блок «Контактная информация» и нажмите на стрелку справа от почтовых адресов.
Блок «Контактная информация» в Google
Здесь найдите блок «Дополнительные адреса электронной почты» и нажмите на него.
Зайдите в блок «Дополнительные адреса электронной почты»
Google попросит пройти проверку безопасности и, наконец, разрешит ввести дополнительную почту. На нее отправится подтверждающее письмо. Нажмите на ссылку в письме, и адрес добавится в разделе аккаунта «Дополнительные».
Теперь расскажу, как установить фото профиля, которое и будет аватаром для email рассылки. Снова заходим в аккаунт, как в шаге 1, и опять переходим в раздел «Личные данные». Там в блоке «Профиль» кликаем на значок фотоаппарата под нынешним аватаром.
Поставить фото, которое станет аватаром для email рассылки, можно в личных данных Google аккаунта
Появляется окно выбора изображения, загружаем свою картинку. Если нужно, кадрируем и поворачиваем. Когда закончили обработку, нажимаем на кнопку «Установить как фото профиля».
Google позволяет повернуть и кадрировать аватар
Обратите внимание! Бывает, что аватар у ваших email рассылок уже есть, но вы его не устанавливали и не знаете, откуда он подтягивается. Проверьте все места, где почта может быть связана с этим изображением. Например, почтовый сервис может подтягивать favicon с домена адреса, фотографию из аккаунта в соцсети, где в контактах указана почта, и даже из результатов поиска.
Кстати, подписчики, которые смотрят почту через веб-клиент Gmail, не увидят ваш аватар в почтовой рассылке. Gmail их вообще не отображает.
В веб-версии клиента Gmail не отображаются аватары
В приложении Gmail примерно такая же картина, но сюда хотя бы подтягиваются автоматические аватары.
В мобильном приложении Gmail отображаются только автоматические аватары email рассылок
Важно! Новый аватар для email рассылки может отобразиться не сразу, почтовые системы могут утверждать его до нескольких недель. Если так и не получилось установить аватар, попробуйте все возможные способы, описанные в статье, и обратитесь в службу поддержки каждой почтовой системы.
Что стоит запомнить
Аватар для email рассылки — это маленький круглый значок, который получатели видят в инбоксе слева от имени отправителя. Аватар может быть:
Аватар в вашей email рассылке нужен, чтобы выделиться в инбоксе. Яркий значок поможет подписчику сразу узнать ваше письмо среди множества других.
Чтобы установить аватарку в «Яндекс.Почте», используйте сервис Gravatar. Подключите нужную почту и загрузите в качестве аватара любой графический файл весом до мегабайта. Сервис сам оптимизирует изображение под нужный размер и формат.
Чтобы добавить аватар для email рассылок в Mail, нужно подключить домен через «Mail Постмастер». Когда вы подтвердите в «Постмастер» права на домен, сможете в настройках установить аватарку для рассылок.
Чтобы установить аватар для почты через Google, нужен действующий Google аккаунт. Добавьте почту, с которой будете делать рассылки, в дополнительные адреса аккаунта, и установите фото аккаунта, которое вы хотите видеть в качестве аватара.
Меньше теории — больше практики! Регистрируйтесь в SendPulse — с нами можно быстро и удобно делать email рассылки, отправлять SMS, push и Viber сообщения.