Как сделать ссылку на аватарку

Как кастомизировать блок ссылок в группе в 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 сообщения.

Источник

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

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