Как добавить ссылку в биографию в Instagram и TikTok, чтобы привлечь больше трафика

Даже если вы видели всего несколько постов в Instagram или TikTok, вы наверняка встретили фразу «ссылка в биографии». Он появляется повсюду, от сообщений о продуктах вашего любимого бренда до последних снимков из учетной записи #CottageCore, на которую вы подписаны.

Оглавление

Что означает «ссылка в биографии»?

Где ссылка в биографии в Instagram?

Где ссылка в биографии на Тик Ток?

Как разместить ссылку в своей биографии в Instagram

Как разместить ссылку в своей биографии в TikTok

Как добавить ссылку в биографию с несколькими ссылками

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

Создайте ссылку на целевой странице био с помощью Linktree

Создайте биографию в один клик с помощью Moyens I/O

Создайте целевую страницу с помощью Unbounce

5 Ссылки в биологических советах, чтобы привлечь больше посетителей на ваш сайт

Выделите свои самые важные ссылки

Сопоставьте свои ссылки с вашими целями

Предлагайте ценность, а не жесткую продажу

Сделайте ссылку в биографической ссылке короткой

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

Но что на самом деле означает «ссылка в биографии»? Почему люди всегда этим пользуются? И вам тоже стоит принять участие в действии? Давайте разберемся!

Что означает «ссылка в биографии»?

Создатели в Instagram и TikTok используют фразу «ссылка в биографии», чтобы сообщить своей аудитории, что они могут получить дополнительную информацию, связанную с публикацией, щелкнув URL-адрес в своей биографии.

Любой желающий может добавить ссылку на свою биографию в Instagram, и любой владелец бизнес-аккаунта может добавить ее в свой TikTok. Оказавшись там, создатели обращают внимание на ссылку, упоминая ее в публикуемом контенте.

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

Ссылка в биографии — это единственный способ, с помощью которого создатели Instagram и TikTok с менее чем 10 000 подписчиков могут отправлять людей за пределы платформы. Учетные записи с более чем 10 000 подписчиков могут добавлять ссылки на свои истории.

Большинство создателей используют свою биографию в Instagram и TikTok, чтобы отправить зрителей на одну из шести вещей:

• Их сайт
• Их другие профили в социальных сетях
• Блог
• Страница продукта
• Интернет-магазин

… Или все вышеперечисленное (подробнее об этом позже).

Где ссылка в биографии в Instagram?

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

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

Где ссылка в биографии на Тик Ток?

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

Как разместить ссылку в своей биографии в Instagram

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

1. Нажмите «Изменить профиль» вверху страницы своего профиля.

2. Введите целевой URL (ссылку, которую вы хотите продвигать) в поле «Веб-сайт».

3. Нажмите «Отправить» внизу страницы.

И вот так же вы добавили ссылку на свою биографию в Instagram.

Быстрая подсказка! Если вы не видите ссылку, когда возвращаетесь к своему профилю, вы, вероятно, забыли нажать «Отправить» перед уходом со страницы.

Как разместить ссылку в своей биографии в TikTok

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

Если у вас есть аккаунт Creator на TikTok и у вас нет доступа к ссылке в биографии, первое, что вам нужно сделать, это переключиться на бизнес-аккаунт. Сделать это:

1. Нажмите на значок меню TikTok.

2. Нажмите «Управление учетной записью».

3. Выберите «Переключиться на бизнес-аккаунт».

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

5. Нажмите «Далее».

Теперь, когда все готово, вы готовы добавить интерактивную ссылку в свою биографию в TikTok.

1. Нажмите «Изменить профиль».

2. Нажмите «Добавить свой веб-сайт».

3. Введите URL-адрес, который хотите разместить в своем профиле.

4. Нажмите «Сохранить».

Теперь у вас есть ссылка в вашей биографии TikTok.

Как добавить ссылку в биографию с несколькими ссылками

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

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

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

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

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

Создайте ссылку на целевой странице био с помощью Linktree

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

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

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

Создайте биографию в один клик с помощью Moyens I/O

Если вы используете Moyens I/O для управления своими социальными сетями, вы можете создать дерево ссылок из своей панели управления с помощью oneclick-bio.

С помощью oneclick-bio вы можете создать простую ссылку на целевых страницах био с текстовыми кнопками, как те, что предлагает Linktree. Но вы также можете добавить ссылки на социальные сети и галерею изображений.

Вы можете использовать функцию изображений для воссоздания сообщений из вашей учетной записи Instagram или TikTok в oneclick-bio. Но, в отличие от ваших сообщений на платформе, вы можете добавлять интерактивные ссылки на изображения в своем one-click.bio.

Таким образом, любой, кто переходит на вашу целевую страницу из вашей учетной записи Instagram или TikTok, сможет получить доступ к интерактивной версии интересующей его публикации.

Узнайте, как создать целевую страницу one-click.bio здесь.

Создайте целевую страницу с помощью Unbounce

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

С Unbounce вы можете создать полностью брендированную целевую страницу, которая идеально дополнит ваш профиль в Instagram или TikTok. Используйте простой конструктор перетаскивания или сверхразумный ИИ, чтобы выполнить свою работу.

5 Ссылки в биологических советах, чтобы привлечь больше посетителей на ваш сайт

Выделите свои самые важные ссылки

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

Хорошие моменты, которые стоит выделить в вашей ссылке на био целевой странице, включают:

• Домашняя страница вашего веб-сайта
• Ваш последний или самый популярный контент
• Информация о распродаже, акции или розыгрыше
• Ссылки на другие ваши учетные записи в социальных сетях
• Витрина вашего интернет-магазина или главная страница продукта
• Ваш лучший лид-магнит

Сопоставьте свои ссылки с вашими целями

Какие ссылки вы выберете для включения в свою ссылку на целевой странице био, будет зависеть от того, чего вы хотите достичь.

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

С другой стороны, если вы используете Instagram или TikTok для увеличения продаж, вам нужно сосредоточить внимание на витрине своего интернет-магазина и последних распродажах или розыгрышах.

Предлагайте ценность, а не жесткую продажу

Кто-то, кто перешел по запросу «ссылка в биографии» из Instagram или TikTok, вероятно, новичок в вашем контенте. Так что лучше избегать жесткой продажи на целевой странице.

Вместо этого сосредоточьтесь на предложении ценности. Например, вы можете:

• Предлагайте эксклюзивные предложения или скидки для людей, которые покупают через вашу целевую страницу
• Ссылка на наиболее читаемый или самый полезный фрагмент контента
• Включите хорошее знакомство с вами или вашим брендом

Сделайте ссылку в биографической ссылке короткой

И Instagram, и TikTok отображают ваш полный URL-адрес в вашей биографии. Итак, вы хотите, чтобы это было что-то короткое и мощное.

Некоторые ссылки в инструментах био позволяют настроить URL-адрес. Если вы можете это сделать, вы должны!

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

www. mybrand.ca/learnmore

www.mybrand.ca/sayhello

www.mybrand.ca/shopnow

www.mybrand.ca/welcome

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

И не беспокойтесь, если вы не можете создать короткий URL-адрес в источнике. Вы можете использовать инструмент сокращения URL-адресов, такой как ow.ly, доступный из панели инструментов Moyens I/O, для создания очень быстрых ссылок.

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

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

Однако вам не обязательно переходить на полное поколение Z. Достаточно одного или двух смайликов.

Привлекайте трафик на свой веб-сайт из Instagram с помощью Moyens I/O и управляйте остальными вашими социальными профилями в одном месте. С единой панели инструментов вы можете планировать и публиковать сообщения, привлекать подписчиков, отслеживать релевантные разговоры, измерять результаты, управлять своей рекламой и многое другое.

Как добавить ссылку в Инстаграм

1

ПОДЕЛИЛИСЬ

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

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

Ссылка в шапке профиля

Легче всего оставить ссылку в описании или по-другому «шапке» профиля.

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

Например, оставить там ссылку ваш новый продукт.

Добавляем ссылку в шапку

Обычную ссылку можно добавить в шапку через меню «Редактировать профиль»

Главный плюс — её легко найти и по ней легко перейти пользователю.

Главный минус — она только одна. Нельзя сразу же вставить ссылки на ваш телеграм-канал, сайт и новый товар в магазине.

Но это ограничение можно обойти.

Несколько ссылок в одной 

Несколько ссылок вставить в шапку не получится, но можно использовать мультиссылку.

Мультиссылка — это ссылка, которая ведёт на страницу, на которой можно разместить все ссылки на ваши ресурсы вне Instagram. Она работает как отдельное меню, в которое вы можете вставлять разные пункты.

Например, ссылки на свои последние товары, акции и соцсети.

Создать такую можно на специальном сервисе.

Самый популярный сервис для мультиссылок в русскоязычном Instagram — Taplink.

Что если нужно добавить ссылку в пост

Добавить в Instagram-пост кликабельную ссылку нельзя.

Но если очень хочется, то обойти это ограничение можно двумя способами: 

• Сделать короткую ссылку, которую легко переписать
• Запустить рекламу поста с предложением перейти на сайт

Сделайте короткую ссылку 

Если пользователь действительно хочет получить то, что скрывается за ссылкой, он перепишет её вручную. Важно упростить этот процесс.

Сделайте короткую ссылку и добавьте её в текст к посту.

По ней нельзя перейти и её нельзя скопировать, но зато легко набрать.

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

Например, скидку.

Сервисы для создания коротких ссылок:

С регистрацией: Bitly

Без регистрации: Goo-gl

Добавить ссылку к рекламному посту

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

Например, вы выпустили новый продукт и вам нужно получить продажи. Можно прикрепить ссылку на него во время рекламной кампании.

Для этого просто ставим в «Место назначения» рекламной кампании ваш сайт, и вставляем ссылку на товар.

Кнопка «Подробнее» в рекламном посте будет вести на нужный товар.

Добавить ссылку в Инстаграм бесплатно и без сторонних ресурсов

В самом Instagram есть ещё несколько мест, в которых можно вставлять кликабельные ссылки.

Ссылка в описании к видео в IGTV

В описании видео в IGTV можно вставлять любые внешние ссылки и они будут кликабельны.

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

Если у вас бизнес-аккаунт: добавить быстрый ответ со ссылкой

Кликабельную ссылку можно отправлять в переписке в Direct. 

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

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

Из этого подменю можно сразу же создавать быстрые ответы

Как это работает?

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

Ссылки в сториз: от 10 тыс. подписчиков

Если у вас больше 10 тыс. подписчиков, вы можете добавить ссылки в сториз. и хранить их в «Актуальном».

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

Если у вас мало подписчиков, вот куча способов их увеличить.
А вот самые лёгкие способы увеличить количество подписчиков.

Главное

• Самый простой способ добавить ссылку в Инстаграм — оставить ссылку в шапке профиля. Прокачать ссылку в шапке поможет мультиссылка в Taplink
• В пост добавить кликабельную ссылку нельзя. Нужно сокращать, чтобы её было удобнее переписывать или запускать рекламу
• Ссылку можно добавить в описание IGTV-видео, отправить через Direct или прикрепить к рекламной сториз

1

ПОДЕЛИЛИСЬ

Полное руководство по встраиванию контента на ваш веб-сайт

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

Но выяснить, как на самом деле встроить этот контент, может быть сложно.

В этом посте вы найдете пошаговое руководство по внедрению социальных сетей и соответствующего контента на ваш веб-сайт из Twitter, Facebook, Instagram, Pinterest, Google Calendar, YouTube и SlideShare.

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

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

1. Как встроить твит
2. Встроить публикацию или видео в Facebook
3. Встроить ленту Facebook
4. Встроить ленту и публикации Instagram
5. Встроить пины Pinterest
6. Встроить доски Pinterest
7. Встроить публикацию Google+
8. Как встроить Календарь Google
9. Как встроить видео с YouTube
10. Встраивание презентаций и инфографики SlideShare

Как встроить твит

1. Найдите твит, который хотите встроить.
2. Нажмите на стрелку вниз в правом верхнем углу вашего твита.
3. Выберите «Вставить твит».
4. Скопируйте появившийся код и вставьте его в HTML-редактор своего веб-сайта.
5. Добавить «tw-align-center» после слов «twitter-tweet» в коде встраивания.

1. Найдите твит, который хотите встроить.

Чтобы встроить твит в свой блог или веб-сайт, вам нужно сначала найти твит, который вы хотите отобразить в его естественной среде обитания — Твиттере. Найдите твит в ленте новостей Твиттера или в профиле пользователя Твиттера. В этом примере мы встроим твит из Twitter-канала HubSpot, как показано на снимках экрана ниже.

2. Щелкните стрелку вниз в правом верхнем углу твита.

После того, как вы нашли твит, который хотите встроить, щелкните значок направленной вниз стрелки, расположенный в правом верхнем углу твита, как показано ниже.

3. Выберите «Вставить твит».

При нажатии на этот значок со стрелкой открывается раскрывающееся меню параметров, в том числе пункт «Встроить твит». Щелкните этот параметр.

4. Скопируйте появившийся код и вставьте его в HTML-редактор вашего веб-сайта.

Если щелкнуть «Встроить твит» в раскрывающемся меню, показанном выше, откроется окно кода, показанное ниже. В разделе «Встроить этот твит» вы увидите строку текста, выделенную синим цветом. Используйте Command+C на клавиатуре (или Control+C, если вы используете ПК), чтобы скопировать этот код в буфер обмена.

Скопировав этот код в буфер обмена, вернитесь на веб-сайт, на который вы хотите встроить этот твит. Откройте исходный код этого веб-сайта (некоторые системы управления контентом имеют значок «» , где вы можете получить доступ к этому исходному коду). Здесь вы вставите код встраивания твита в свой HTML именно там, где вы хотите, чтобы твит отображался.

5. Добавьте «tw-align-center» после слов «twitter-tweet» в коде встраивания.

Однако после того, как вы вставите этот код в свой HTML-код, вам нужно будет выровнять этот твит по центру, чтобы он не отображался автоматически в левой или правой части вашей веб-страницы. Чтобы исправить это, добавьте текст «tw-align-center» (без кавычек) сразу после «twitter-tweet» в коде встраивания. Вы можете узнать больше об этом методе здесь.

Вот как должен выглядеть окончательный код:

tw-align-center data-lang=»en»>

Сообщите нам! 👂
Какой контент вы хотели бы видеть от нас в этом году?

— HubSpot (@HubSpot) 16 января 2019 г.

Вот так! Вот как будет выглядеть ваш встроенный твит, когда вы закончите:

Встроить публикацию или видео в Facebook

1.

Найдите публикацию в Facebook, которую хотите встроить.

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

2. Щелкните значок с многоточием («…») в правом верхнем углу сообщения.

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

3. Нажмите «Встроить».

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

Если вы не видите возможность встроить публикацию, значит она не общедоступна и не может быть вставлена.

4. Скопируйте появившийся код и вставьте его в HTML-редактор вашего веб-сайта.

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

Скопировав этот код в буфер обмена, вернитесь на веб-сайт, на который вы хотите встроить этот пост Facebook. Откройте исходный код этого веб-сайта (некоторые системы управления контентом имеют «» значок, где вы можете получить доступ к этому исходному коду). Здесь вы вставите код встраивания сообщения Facebook в свой HTML-код именно там, где вы хотите, чтобы сообщение появилось.

5. Добавьте теги

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

Вот как должен выглядеть окончательный код:

Вот и все ! Вот как это будет выглядеть, когда вы закончите:

Встроить ленту Facebook

Хотите верьте, хотите нет, но встроить всю ленту профиля Facebook на свой веб-сайт так же просто, как встроить один пост или видео. И есть более чем один способ сделать это.

Использование плагина WordPress

Первый способ — установить плагин или виджет в вашу систему управления контентом (CMS). Например, пользователи WordPress имеют в своем распоряжении несколько плагинов для фидов Facebook. Вот как его использовать:

1. Custom Facebook Feed от Smash Balloon — это один из таких плагинов WordPress, который вы можете загрузить через свою учетную запись WordPress. Вы можете скачать этот плагин здесь.
2. После загрузки этого плагина войдите в свою учетную запись WordPress и активируйте этот плагин в меню «Плагины».
3. Используйте настройки «Facebook Feed» вашей CMS, чтобы выбрать и настроить конкретную ленту Facebook, которую вы хотите отображать на своем веб-сайте.
4. Введите текст «[custom-facebook-feed]» в HTML-редакторе вашего веб-сайта, чтобы создать выбранную ленту Facebook.

Использование плагина страницы Facebook

У Facebook есть собственный плагин страницы, который позволяет вам создавать код для встраивания в ленту Facebook любого профиля и вводить его в HTML-код вашего веб-сайта. Вот как это использовать:

1. Откройте инструмент «Плагин страницы» Facebook.

Чтобы встроить ленту Facebook в свой блог или веб-сайт, откройте собственный инструмент Facebook Page Plugin здесь. Прокрутите страницу вниз, пока не увидите раздел, показанный ниже.

2. Введите URL страницы Facebook, которую вы хотите встроить.

Открыв этот инструмент, создайте новую вкладку в веб-браузере и перейдите к профилю Facebook, фид которого вы хотите встроить. Нажмите Command+C на клавиатуре (или Control+C, если вы используете ПК), чтобы скопировать URL-адрес этой страницы в буфер обмена вашего компьютера.

Вернитесь на вкладку браузера, на которой открыт плагин страницы Facebook. Вставьте URL-адрес из буфера обмена в левое верхнее поле, как показано на снимке экрана ниже. В этом примере мы встроим ленту Facebook бизнес-страницы HubSpot в Facebook.

3. Добавьте вкладки, которые вы хотите отображать рядом со встроенным каналом.

Помимо отображения всей временной шкалы профиля, плагин страницы Facebook также позволяет отображать вкладки для событий и/или учетной записи Messenger этого профиля. По умолчанию инструмент «Плагин страницы» будет иметь «временную шкалу», введенную сам по себе.

Чтобы добавить вкладки «События» или «Сообщения» во встроенную ленту Facebook, щелкните поле «Вкладки» в правом верхнем углу инструмента «Плагин страницы», как показано ниже. Добавьте слова «события» и/или «сообщения» рядом со словом «хронология» через запятую.

4. Настройте размеры своей ленты Facebook.

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

По умолчанию ваша лента Facebook будет отображаться примерно в размере 340×500, хотя вы увидите рекомендуемые размеры в тексте предварительного просмотра инструмента.

5. Нажмите «Получить код».

Заполнив все четыре поля, просто нажмите синюю кнопку «Получить код» в нижней части инструмента, как показано на снимке экрана выше. Это откроет окно кода, показанное ниже.

6. Перейдите на вкладку «IFrame».

Будьте осторожны, какой код вы выбираете, однако… если вы не пишете свой веб-сайт с нуля, первая вкладка (помеченная как «JavaScript SDK») делает , а не имеют нужный вам код. Переключитесь на вкладку с надписью «IFrame», как показано ниже. Этот текст готов для встраивания в ваш блог или HTML-редактор веб-сайта.

7. Скопируйте и вставьте этот код в HTML-редактор вашего веб-сайта.

Скопируйте приведенный выше код в буфер обмена. Затем перейдите на веб-сайт, на который вы хотите встроить этот канал Facebook. Откройте исходный код вашего веб-сайта (некоторые системы управления контентом имеют значок «» , где вы можете получить доступ к этому исходному коду). Здесь вы вставите код встраивания фида в ваш HTML именно там, где вы хотите, чтобы он отображался.

8. Добавьте теги

и вокруг всего фрагмента IFrame, чтобы выровнять фид по центру.

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

‘ и ‘‘, чтобы лента Facebook отображалась в центре вашей статьи или веб-страницы.

Вот как должен выглядеть окончательный код:

Вот и все! Вот как это будет выглядеть, когда вы закончите:

Встраивание фида и постов Instagram

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

Плагин Instagram Feed WordPress

От создателей Custom Facebook Feed появился Instagram Feed. Этот плагин WordPress, разработанный Smash Balloon, позволяет веб-сайтам на основе WordPress легко встраивать целые каналы Instagram из определенных учетных записей Instagram. Вот как это использовать:

1. Загрузите плагин Instagram Feed для WordPress здесь.
2. После загрузки этого плагина войдите в свою учетную запись WordPress и активируйте этот плагин в меню «Плагины».
3. Используйте настройки «Instagram Feed» вашей CMS, чтобы выбрать свой токен доступа к Instagram и идентификатор пользователя.
4. Введите текст «[instagram-feed]» в HTML-редакторе вашего веб-сайта, чтобы создать выбранную ленту Instagram.

Согласно инструкциям этого плагина в WordPress, вы можете одновременно отображать несколько каналов Instagram, вводя текст в формате: «[instagram-feed num=6 cols=3]». В этом примере вы бы фактически встроили шесть изображений каждое для трех отдельных каналов Instagram.

Функция встраивания Instagram

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

Важно: Чтобы встроить определенные сообщения Instagram в блог или веб-сайт, учетная запись Instagram, к которой они принадлежат, не может быть установлена ​​как закрытая. Чтобы сделать учетную запись общедоступной, перейдите к этому профилю и нажмите «Редактировать профиль» > «Конфиденциальность и безопасность». На этой странице снимите флажок «Частная учетная запись», и все будет готово.

1. Нажмите на изображение Instagram, которое хотите встроить.

Перейдите к публикации в Instagram, которую вы хотите встроить на свой веб-сайт, и нажмите на нее, чтобы увеличить изображение. В этом примере мы встроим изображение из культурной учетной записи HubSpot, hubspotlife, как показано на снимках экрана ниже.

2. Щелкните значок с многоточием («…») в правом нижнем углу публикации.

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

3. Выберите «Встроить».

При нажатии значка с многоточием, показанного выше, открывается окно параметров, показанное ниже. В этом меню выберите «Встроить», третья кнопка сверху.

4. Скопируйте и вставьте код вставки в HTML-редактор вашего веб-сайта.

Как и в инструкциях для Twitter и Facebook (перечисленных выше), эта кнопка «Вставить» создаст еще одно поле, содержащее фрагмент закодированного текста. Когда это окно откроется на вашем экране, выделите код вверху, как показано ниже. Затем нажмите синюю кнопку «Копировать код для вставки» внизу, чтобы скопировать этот текст в буфер обмена вашего компьютера.

5. Добавьте теги

и вокруг всего фрагмента HTML, чтобы выровнять сообщение по центру.

Однако после того, как вы вставите этот код в свой HTML-код, вам нужно будет выровнять публикацию в Instagram по центру, чтобы она не отображалась автоматически прижатой к левому или правому краю вашей веб-страницы. Чтобы исправить это, оберните код тегами ‘

‘ и ‘‘, чтобы изображение отображалось в центре вашей статьи или веб-страницы.

Вот оно! Вот как будет выглядеть встроенный пост в Instagram:

 

 

 

Посмотреть этот пост в Instagram

 

 

Мы очень рады, что благодаря отзывам сотрудников Great Place to Work назвали нас лучшим рабочим местом в сфере технологий! Мы гордимся корпоративной культурой, которую мы построили, поскольку мы выросли до более чем 2500 сотрудников по всему миру, чтобы сделать HubSpot местом, куда люди любят приходить на работу каждый день. Хотите узнать больше о нашей корпоративной культуре? Ознакомьтесь с объявлением здесь: https://www.greatplacetowork.com/best-workplaces/technology/2019🧡 . Заинтересованы в добавлении к нашей культуре? Мы нанимаем! Ознакомьтесь с нашими открытыми вакансиями на https://www.hubspot.com/jobs 🙌

Сообщение, опубликованное HubSpot Life (@hubspotlife) в 17 января 2019 г. в 6:14 утра по тихоокеанскому времени

Встроить пины Pinterest

1. Откройте конструктор виджетов Pinterest.

Чтобы встроить закрепленный контент из Pinterest в свой блог или веб-сайт, откройте конструктор виджетов Pinterest, доступный здесь.

2. Выберите «Закрепить виджет» в левом столбце.

Прокрутите вниз, пока не увидите опцию Pin Widget, как показано на снимке экрана ниже.

3. Вставьте URL-адрес пина, который вы хотите встроить.

Начните с заполнения поля «URL-адрес булавки» в верхней части инструмента URL-адресом булавки, которую вы хотите встроить на свой веб-сайт, как показано ниже.

4. Скопируйте и вставьте код из этого раздела в HTML-редактор вашего веб-сайта.

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

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

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

5. Скопируйте приведенный ниже фрагмент кода.

6. Вставьте этот фрагмент кода между открывающим тегом

и закрывающим тегом .

Код должен выглядеть так:

…

Внизу страницы:

7. Добавьте теги

и вокруг всего фрагмента HTML, чтобы выровнять булавку по центру.

Вот как должен выглядеть окончательный код:

Готово! Вот как это будет выглядеть, когда вы закончите:

Встраивание досок Pinterest

Чтобы добавить доски Pinterest, шаги, как правило, такие же, как и для встраивания отдельных контактов, как описано выше. Вот как это делается:

1. Откройте конструктор виджетов Pinterest.
2. Выберите «Виджет доски» в левом столбце, прямо под конструктором «Виджет булавки».
3. Когда виджет платы открыт, выполните те же шаги, что и для добавления контактов, перечисленных выше.

Скопируйте и вставьте две нижние строки кода в HTML-редактор вашего веб-сайта, вот и все! Вот как выглядит встраиваемая плата:

Встроить сообщение Google+

1. Найдите сообщение Google+, которое вы хотите встроить. Наведите указатель мыши на верхний правый угол и щелкните появившуюся серую стрелку, чтобы открыть дополнительные параметры.

2. Выберите «Встроить публикацию».

3. Скопируйте весь появившийся код и вставьте его в HTML-представление своего веб-сайта.

4. Отцентрируйте встроенный пост, добавив

и вокруг всего фрагмента HTML.

Вот как должен выглядеть окончательный код:

Как встроить Календарь Google

Чтобы встроить определенный Календарь Google в свой блог или веб-сайт, вам потребуется веб-версия Календаря Google, а не мобильное приложение.

Открыто? Давайте встроим это.

1. Щелкните значок шестеренки, чтобы открыть настройки.

В верхней части Календаря Google щелкните значок шестеренки и выберите «Настройки», как показано ниже.

2.

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

Перейдя в настройки календаря, на левой боковой панели найдите конкретный календарь, который вы хотите встроить на свой веб-сайт. В этом примере мы встроим календарь национальных праздников HubSpot.

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

3. Нажмите «Настроить» и настройте размер и цвет календаря.

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

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

4. Скопируйте код для встраивания вверху и вставьте его в HTML-редактор вашего веб-сайта.

Скопируйте код для встраивания из окна «Настройка» или со страницы «Настройки» и вставьте его в HTML-редактор своего веб-сайта. Если хотите, вы можете обернуть этот код для встраивания в теги

и, чтобы выровнять календарь по центру полей вашего веб-сайта.

Как встроить видео YouTube

1. Найдите видео YouTube, которое вы хотите встроить.
2. Под видео выберите «Поделиться».
3. В появившемся меню выберите «Встроить».
4. Скопируйте появившийся код и вставьте в HTML-редактор своего веб-сайта.

1. Найдите видео на YouTube, которое хотите встроить.

Встроить видео с YouTube в свой блог или на веб-сайт невероятно просто. Для начала откройте YouTube и перейдите к видео, которое хотите встроить. В этом примере мы встроим видео о входящем маркетинге с канала HubSpot INBOUND на YouTube, как показано на снимках экрана ниже.

2. Под видео выберите «Поделиться».

Под самим видео найдите кнопку «Поделиться», как показано ниже.

3. В появившемся меню выберите «Встроить».

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

3. Скопируйте появившийся код и вставьте его в HTML-редактор своего веб-сайта.

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

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

4.

Добавьте теги

и вокруг всего фрагмента HTML, чтобы выровнять видео по центру.

Вот как должен выглядеть окончательный код:

Вот оно! Вот как это будет выглядеть, когда вы закончите:

Внедрение презентаций и инфографики SlideShare

1. Найдите презентацию или инфографику SlideShare, которую вы хотите встроить на SlideShare.net.

2. Нажмите «Встроить» на панели навигации вверху.

2. Нажмите «Настроить».

Если вы хотите настроить встроенную презентацию или инфографику SlideShare, нажмите «Настроить», после чего появятся следующие параметры, показанные ниже. Выберите нужные параметры, затем скопируйте код из раздела «Встроить» и вставьте его в HTML-представление своего веб-сайта.

3. Отцентрируйте встроенный файл Slideshare, добавив теги

и вокруг всего фрагмента HTML.

Вот как должен выглядеть окончательный код:

История любви к продажам и маркетингу от HubSpot

Готово! Вот как это будет выглядеть, когда вы закончите:

История любви в области продаж и маркетинга от HubSpot

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

Темы:

Маркетинг в области СМИ

Не забудьте поделиться этим постом!

Как встроить профиль Instagram

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

Отдельные посты в Instagram уже некоторое время можно вставлять, так что эта возможность является просто расширением возможностей общего доступа к сайту. Глава Instagram Адам Моссери объявил об этой функции среди нескольких других в видео 16 декабря. Он отметил, что встраивание профилей в настоящее время доступно только для пользователей в США, но компания сообщила в своем блоге, что будет стремиться включить другие страны. «скоро.» Вы также не можете получить ссылку для встраивания профиля из приложения, по крайней мере, сейчас.

Как разместить профиль Instagram на веб-сайте

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

Для начала перейдите в учетную запись в веб-браузере — вам не нужно входить в систему. Оттуда нажмите три точки рядом с дескриптором, затем Встроить и Скопировать код вставки . Если вы хотите внедрить свою учетную запись и вошли в систему, щелкните значок шестеренки рядом с вашим именем пользователя и выполните те же действия.

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

This entry was posted in Популярное