Как в истории сделать ссылку: Вы потерялись?

Содержание

10 идей как добавить ссылку свайп в Сторис Инстаграм

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

Однако эта функция доступна только в том случае, если вы ведете бизнес-аккаунт в Инстаграм и есть 10 000 подписчиков.

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

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

Как добавить ссылку в IGTV

Для этого запишите короткое видео с призывом к действию или объяснением, почему людей заинтересует то, что вы рекламируете. Например, новый пост в блоге, подкаст или бесплатный мастер-класс. Запишите видео как минимум на 1 минуту и сохраните в своём телефоне.

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

Как только вы нажмете на иконку IGTV в профиле, вы увидите символ «+», нажав на который, отобразятся все видео, хранящиеся на телефоне.

Затем выберите нужное видео, нажмите «Далее» и дайте ему название.

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

Добавьте полное описание, но это вовсе не обязательно. Заголовка и ссылки будет достаточно.

Что касается фотографии для обложки для видео IGTV Инстаграм автоматически выберет миниатюру, но вы также можете выбрать изображение из галереи в телефоне. После загрузки библиотека IGTV обновится.

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

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

Скорее всего, у вас возник вопрос: как включить это видео в истории? То, что вы опубликовали его на IGTV, не означает, что подписчики увидят его в ленте stories.

В Инстаграм сторис запишите короткую историю, из которой люди узнают, что вы предлагаете и где делать свайп. Теперь в верхней части экрана вы увидите специальный символ (значок «цепочка»).

Нажмите на этот символ и нажмите «+» для добавления ссылки на видео из IGTV.

Таким образом, вы можете создать ссылку в истории Инстаграм без 10 000 подписчиков.

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

Как только вы подготовите историю и убедитесь, что вы подключились к своему последнему видео в IGTV, поделитесь сторис. Вот как это будет выглядеть:

В самом низу вы увидите надпись «Смотреть видео». Когда кто-то сделает свайп, он будет переброшен на видео в IGTV, куда вы добавили URL на мастер-класс, вебинар, пост в блоге либо что-то другое.

Теперь, когда вы знаете, как добавить ссылку в сторис, будет полезно узнать, как использовать эту фишку для увеличения охвата и привлечения новых подписчиков.

10 идей как разместить ссылку в Сторис

Сначала давайте ответим на вопрос: для чего это нужно? Подключить Facebook к Инстаграму — хорошее решение, которое принесет много преимуществ, одним из которых является возможность добавлять ссылки в сторис.

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

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

Но для начала кратко разберём CTA (Call To Action – призыв к действию), прежде чем идти дальше. Важно продумать призывы к действиям, чтобы заинтересовать аудиторию и побудить сделать свайп.

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

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

И мы переходим к главному — идеи для активной ссылки в сторис.

  1. Страница подписки на рассылку новостей.
    Не существует бизнеса, который бы не пытался привлечь новых покупателей, и это относится к любой отрасли. А крутой ролик, сопровождаемый прямой ссылкой для подписки на рассылку — отличная тактика, чтобы привлечь людей.
    Сделайте интригующее фото или видео, объясните, почему люди должны подписаться на вас, какую интересную информацию они увидят, если попадут в список рассылки. Страницы подписки на новостную рассылку — это замечательная идея, не требующая никаких обязательств: подписка занимает две секунды и в любой момент времени может быть отменена.
  2. Блог компании.
    Социальные сети существуют не только для того, чтобы продвигать продукт, но и для того, чтобы представить бренд как живой организм, со своим голосом и точкой зрения.
    Корпоративный блог публикует контент, который служит вашему бренду и погружает покупателей еще глубже в контент. Блог бренда необходим каждой компании, потому что это один из главных инструментов коммуникации нового поколения. В каждом блоге есть что-то личное, даже если он ведётся для бизнеса, и это придает бренду дополнительную уникальность. Пока вы продвигаете свой последний пост в Инстаграм сторис, обязательно вставьте ссылку на блог, чтобы подписчики увидели и заинтересовались им.
  3. YouTube канал.
    Если у вас есть YouTube канал, инстасторис — основное место для продвижения. Люди одержимы YouTube, особенно новое поколение. Это среда, которая пользуется огромной популярностью в интернет-индустрии, поскольку видео считается чем-то личным и близким, потому что в нем проявляется личность.

    Вариант того, как можно уведомить подписчиков о выходе нового видео на YouTube.

    Запишите зрителям небольшой рекламный ролик и добавьте ссылку на полное видео в YouTube, чтобы подписчики могли просмотреть его (а заодно и подписаться на канал). Также это вариант того, как можно уведомить подписчиков о выходе нового видео на YouTube.

  4. Обзор покупок.
    Вы создаете историю в Инстаграм с обзором товара, или вы косметический бренд, который дает урок о том, как использовать конкретный продукт? Использование сторис, чтобы продемонстрировать функции того или иного продукта с помощью необычных фото или видео заставит людей захотеть узнать больше.
    Вставьте страницу этого продукта, чтобы дать аудитории всю дополнительную информацию, которая понадобится для принятия решения о покупке. Вам покажется, что это самая очевидная идея использовать свайп, но не спешите.
    Добавление этих ссылок к сторис о продуктах мало что даст для продвижения бренда. Цель состоит в том, чтобы вовлечь людей, создавая у них новую потребность, о которой они ранее не подозревали. Это целое искусство, и как маркетолог, вы должны понимать это.
  5. Конкурс.
    Другие люди так же сильно любят подарки, как и вы. Если вы запускаете крутой конкурс в Инстаграм сторис — лучшее место для его объявления.
    Это приятный способ повысить качество жизни подписчиков, увеличивая при этом количество участников конкурса (и, возможно, одновременно подписки на новостную рассылку).

    Продвижение конкурса через Инстаграм истории.

  6. Плейлист.
    Ничто так не скажет: «У нас есть индивидуальность! Мы крутые!» как музыкальный плейлист. Если бренд часто создает тематические плейлисты на других площадках, Инстаграм истории — отличный инструмент привлечения новых подписчиков, который, в конечном счете, повышает имидж бренда.
  7. Коллекция бренда.
    Новая коллекция или линейка продуктов нуждаются в популярности, и вы придумали убийственные сторис, чтобы представить серию оригинальных образов? Это креативное решение, чтобы привлечь внимание подписчиков.
    Вместо того, чтобы добавлять страницы конкретного продукта в сторис, подумайте о том, чтобы добавить целевую страницу коллекции, чтобы покупатели могли увидеть ее целиком на сайте. В итоге подписчики смогут не только посмотреть на классные вещи, но и добавить их в список желаний.

    Вариант продвижения коллекции с помощью креативного видео в Инстаграм истории.

  8. Рецепт.
    Неважно, ведете ли вы свой бренд одежд или личный блог, если вы включаете горячую тему еды, не забудьте «накормить» своих подписчиков, оставив рецепт блюда.
    Вставьте страницу рецепта, чтобы заранее избежать сообщений в Директ с вопросами и получите переходы, ведь тема еды всегда остаётся супер горячей, особенно, если сделать аппетитное фото).
  9. Страница бронирования.
    Если бизнес — это обслуживание или ресторан, предложите подписчикам сделать предварительный заказ или оформить доставку. Такая тактика — оригинальное решение, чтобы увеличить количество покупателей или посетителей.
    Например, люди часто назначают встречи в последнюю минуту, и иногда все, что им необходимо, — увидеть предложение в нужный момент.
  10. Специальная распродажа.
    Все ли товары компании продаются? Или, может быть, вы организовали распродажу в честь какого-то праздника? В любом случае, истории в Инстаграме — подходящее место для рекламы сезона скидок в магазине.
    Люди могут не купить товар прямо сейчас (если только они не ищут что-то конкретное), но это познакомит с брендом и предложениями поближе.

    Уведомите своих подписчиков о предстоящей распродаже – разместить оповещение в сторис.

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

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

Существует множество способов привлечения аудитории с помощью ссылки в Инстаграм историях и в этом есть много преимуществ.

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

Активная ссылка в Сторис Инстаграм

ДомойSMMБлог про ИнстаграмКак прикрепить ссылку к Истории Инстаграм и вставить свайп в сторис

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

Stories по праву считается одним из самых удачных нововведений Instagram. По данным самой социальной сети более 500 млн. пользователей ежедневно использует сторис.

Ссылка в Истории Инстаграм, позволяет направить пользователя на сайт или другую страницу. Чтобы перейти по ссылке в сторис пользователь должен провести по экрану снизу вверх — сделать свайп!

Мы составили список всех способов, как сделать ссылку в Истории Инстаграм и делимся ими с вами. Бонусом расскажем, как оформить свайп в сторис, чтобы люди чаще переходили по прикреплённой ссылке.

Читайте также: Как добавить в Инстаграм ссылку на WhatsApp

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

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

внешние и внутренние.

  • Внешние ссылки ведут за пределы социальной сети — на сайт, ютуб-канал или блог. Добавлять внешние ссылки в сторис могут аккаунты, у которых более 10 000 подписчиков. Также, их можно добавить при запуске рекламы. Внешние ссылки показываются в виде свайпа и надписи «Ещё».
  • Внутренние ведут на объекты внутри Инстаграм: аккаунт, пост или другая сторис. Их можно добавлять, как в виде внешней ссылки, так и в виде упоминаний и репостов.

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

Кроме того, с помощью сервиса можно увеличить охваты историй, посещаемость профиля и вовлеченность.

Теперь поговорим о добавлении каждого вида ссылок более подробно.

Внешние ссылки в сторис на сайт, ютуб или блог

Сначала поговорим о внешних ссылках. Функция добавления внешней ссылки в Stories доступна бизнес-аккаунтам, число подписчиков которых превышает 10 000 человек. А также тем, кто запускает рекламу в Инстаграм.

Способ №1: если у вас более 10k подписчиков

Как добавить ссылку в историю, мы рассказали в своём видео и далее в тексте.

Чтобы прикрепить ссылку к Истории, следуйте простому алгоритму:

  1. Нажмите на иконку добавления новой истории — она расположена вверху, в левой части экрана, рядом с опубликованными историями пользователей.
  2. Добавьте фото или видео из галереи, либо сделайте снимок или короткое видео с помощью камеры.
  3. Нажмите на значок ссылки в верхнем меню.
  4. В открывшемся окне выберите пункт «Ссылка на сайт».
  5. Перед вами откроется поле для добавления ссылки. Скопируйте ссылку, которой хотите поделиться и вставьте её сюда. Это может быть ссылка на сайт, лендинг, отдельную статью или товар в интернет-магазине, ссылка на ютуб-канал или видео, и даже на телеграм-канал.

6. Добавьте дополнительные элементы и надписи. Многие пользователи не знают, как переходить по ссылке в Истории. Подтолкните их к целевому действию — добавьте на фото или ролик призыв перейти по линку, чтобы узнать что-то интересное. Напишите «Смахните вверх, чтобы узнать подробнее» или «Нажмите Ещё, чтобы перейти на сайт магазина».

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

Способ №2: реклама в Stories

Добавление ссылки при настройке рекламы — более трудоемкий, но и более эффективный процесс. Чтобы настроить рекламу, нужно сначала зайти в связанный с бизнес-аккаунтом Instagram профиль в Facebook, и нажать на «Создать рекламу». Либо сразу зайти в менеджер рекламы Facebook.

В личном кабинете нажмите «Создать объявление» и следуйте простому алгоритму действий.

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

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

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

Настройте аудиторию. Выберите место, куда ведет линк — на сайт, приложение или мессенджер. Затем укажите нужные параметры целевой аудитории: пол, возраст, интересы и другие.

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

Установите бюджет и выберите стратегию ставок. Можно установить дневной лимит бюджета или сумму на всю кампанию, а система сама равномерно распределит ее. Затем выберите стратегию ставок — по умолчанию система выбирает самую низкую цену. Если хотите, можете настроить ее вручную, для этого кликните на «Установите предельную ставку». Чем она ниже — тем меньше шансов, что объявление покажут.

Выберите формат рекламы. Можно выбрать одно изображение или одно видео. С точки зрения маркетинга лучше использовать видео — несмотря на то, что у рекламы есть ограничение по времени в 15 секунд, оно позволяет лучше донести идею до пользователей и добавить более заметный призыв к действию.

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

Рекламные объявления в Stories в Инстаграм достаточно короткие. Кроме того, после просмотра они закрываются автоматически, и пользователь не сможет вновь просмотреть их. Поэтому добавляйте яркий призыв к действию, ограниченный по времени — это повысит конверсию.

Подробнее по теме:Как правильно настроить таргет в Инстаграм

Внутренняя ссылка в истории на пост, аккаунт или IGTV

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

Способ №3: ссылка в сторис на пост
  1. Откройте пост, ссылкой на который вы хотите поделиться.
  2. Сделайте репост публикации в сторис: нажмите иконку самолётика под ним и выберите «Добавить публикацию в вашу Историю».
  3. Добавьте стикеры и оформление по своему усмотрению.

Способ №4: ссылка на другую сторис

Здесь алгоритм действий такой же, как и в случае с постом.

  1. Откройте историю, ссылкой на которую хотите поделиться.
  2. Найдите иконку самолётика внизу и нажмите на неё.
  3. Выберите поделиться в сторис.
  4. Добавьте стикеры и оформление по своему усмотрению.
Способ №5: ссылка на аккаунт
  1. Начните создавать Историю.
  2. Откройте панель стикеров и выберите стикер «Упоминание». Введите название аккаунта, на который будете ссылаться.
  3. Оформите сторис и добавьте другие элементы по своему усмотрению.

Способ №6: ссылка на IGTV
  1. Откройте свой или любой другой канал в IGTV.
  2. Выберите видео, ссылку на которое вы хотите сделать.
  3. Нажмите самолётик под роликом и выберите «Добавить видео в свою Историю».
  4. Оформите сторис и добавьте другие элементы по своему усмотрению.

Как добавить свайп в сторис в Инсте

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

Чтобы сделать оформление свайпа в Истории, создайте макет сторис. На макете, место, где располагается ссылка и свайп, выделите или подсветите. Сделать это можно бесплатно в сервиса Canva.

  1. Зарегистрируйтесь на сайте.
  2. Выберите шаблон История Instagram и оформите свою сторис в редакторе.
  3. Зайдите в раздел элементы и введите в поиске [swipe], и добавьте понравившийся элемент на макет, в том место, где будет располагаться ссылка.

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

Для внутренних ссылок, используйте редактор сторис. Добавляйте текст, стрелочки и гифки в сторис, чтобы пользователи видели, куда нужно нажать для перехода.

Заключение

Ссылка в истории Инстаграм — это ещё один способ работать со своей аудиторией. Для блогеров это дополнительный способ монетизации аккаунта.

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

  • Сделать ссылку в Истории могут все, у кого более 10 000 подписчиков.
  • Добавить ссылку в рекламную Stories могут все, но это требует денежных затрат.
  • Если у вас пока мало подписчиков и вы не планируете запускать рекламу, можете делиться ссылками на посты и видео из Инсты. А для оформления использовать возможности внутреннего редактора.

Самые актуальные материалы мы публикуем в нашем Telegram-канале: https://t.me/postiumru/. Переходите и подписывайтесь – никакой рекламы, только чистая польза! Больше статей по теме:

Разновидности ссылок в Историях

Доступны две разновидности адресов:

  • внешние;
  • внутренние.

Внешние ведут на другие сайты, заставляя пользователя выходить из Инстаграма. К ним относят профили в социальных сетях (ВКонтакте, Telegram, Twitter), интернет-магазины, блоги, веб-страницы.

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

  Что такое Сторис в Instagram и как ими пользоваться

Как посмотреть Историю в Инстаграм?

Посмотреть Историю несложно. Как только кто-то из ваших друзей опубликует «историю», в общей ленте на самом верху появится его аватарка, вокруг неё будет цветной кружок. После просмотра цветной кружок пропадёт, а когда пользователь загрузит новую историю, цветной кружок снова появится. А если кружок зелёного цвета, то это История только для «близких друзей».

Ещё цветной кружок Сториз появляется вокруг аватарки и когда вы листаете ленту, и если зайти в аккаунт. А наиболее предприимчивые блогеры сделали себе цветную рамку на исходную аватарку в Инстаграм. Поэтому когда они загружают Сториз, у них появляется двойная рамка, что выделяет в общей ленте сверху.

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

Как заблокировать Истории? Если вам неинтересны Истории от конкретного пользователя, то можно его временно заблокировать. Нажмите и задержите палец на его аватарке (его аватарке в верхней ленте, где все Сториз). Появится меню — «смотреть профиль» и «временно заблокировать». Нажимаете «временно заблокировать» и этот аккаунт больше не будет засорять вам эфир.

Сейчас фото и видео в Инстаграм Историях нельзя комментировать или лайкать, но можно послать сообщение в Директ.

Как сделать ссылку привлекательной

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

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

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

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

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

h3<dp>2,0,0,0,0—>

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

p, blockquote<dp>5,0,0,0,0—>

p, blockquote<dp>6,0,0,0,0—>

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

p, blockquote<dp>7,0,0,0,0—>

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

p, blockquote<dp>8,1,0,0,0—>

p, blockquote<dp>9,0,0,0,0—>

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

p, blockquote<dp>10,0,0,0,0—> </dp></dp></dp></dp></dp></dp></dp>

Как добавить несколько Историй в Инстаграм?

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

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

Если нужно сделать наложить несколько фото на одну Сторис — то это коллаж.

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

Хотите добавить в Инстаграм Истории уже снятое видео/фото из галереи? Нажмите на свою аватарку с плюсиком в левом верхнем углу в общей ленте (или проведите пальцем слева направо), а потом проведите пальцем снизу вверх. Если хотите добавить не только свежие фото, но и сделанные больше 24 часов назад, то на них сверху будет дата съёмки (если потянуть её пальцем вниз, то появиться иконка корзины — можно удалить дату).

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

Режимы фото и видео в Историях Инстаграм

В Инстаграм можно добавить фото и видео, сделанное в разных режимах.

  1. Обычное — нажимаете (для фото) и удерживаете (для видео) центральную кнопку. Можно снимать с маской.
  2. Reels — короткие ролики похожие на ТикТок
  3. Создать — новый режим, появившийся в 2019 (см. видео в начале статьи). Здесь можно делать Сторис с текстом, гифкой (будет продублирована мозаикой на весь экран), «в этот день» — ваша Сторис этого же дня из прошлого года, упоминанием (павтоматически подгружает все Истории с упоминанием вашего аккаунта), опрос, вопросы, обратный отсчет, тест.
  4. Boomerang (Бумеранг) — Инстаграм делает несколько фото подряд и склеивает их, получается закольцованная гифка
  5. Коллаж — Сторис из нескольких фото (от 2х до 6ти).
  6. Двойной — Одновременно фото с внешней и с фронтальной камеры
  7. Superzoom (Суперзум, драматическое приближение) — камера резко приближает объект и сверху накладывается музыка. Есть несколько вариантов этого режима с разными эффектами.
  8. Свободные руки — при видеосъёмке не нужно будет удерживать центральную круглую кнопку. Просто нажмите ее один раз и начнётся запись.
  9. Прямой эфир — можно вести трансляцию в реальном времени, включить или выключить комментарии, разрешить задавать вопросы, сохранить её в аккаунте на 24 часа, пригласить друга и выйти в эфир вдвоём.

Особенности фото и видео в Инстаграм Историях:
  1. В отличие от обычных постов, которые вы добавляете в своём аккаунте, в Инстаграм Историях всё автоматически удалится через 24 часа.
  2. Чтобы сохранить фото или видео в Сторис дольше, чем на 24 часа, — добавьте их в «Актуальные Истории».
  3. Если хотите, то можно сохранять добавленные фото/видео у себя в телефоне — поставьте соответствующую галку в настройках. Скачать чужую Историю можно или сделав запись с экрана или через одно из специальных приложений.
  4. Можно решать, кто из подписчиков сможет видеть ваши фото и видео, а кто — нет, добавлять Сторис только для близких друзей. Но если у вас не закрытый аккаунт — то Истории всегда можно будет посмотреть анонимно.
  5. Можно узнать, кто посмотрел ваши Истории в Инстаграм, проведя по публикации пальцем вверх.
  6. Можно опубликовать Историю у себя в аккаунте в виде поста (чтобы она появилась в общей ленте Инстаграм). Нажмите «Еще» в правом нижнем углу и выберите «Поделиться в публикации».
  7. Можно делать несколько (сколько угодно) Историй подряд.

Когда-то Инстаграм сделал возможность публикации видео и это «убило» бывшую популярной социальную сеть Vine. А сейчас появились Истории — и это прямой конкурент Snapchat. При этом вы не распугаете подписчиков, если будете делать новые фото и видео в Историях по 10 раз в день. В 2020 многие блогеры уже посты делают раз в несколько дней, но Строись — каждый день и много. Вся реклама тоже постепенно перетекла туда.

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

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

Тем, кто ещё размышляет, требуется ли ему ссылка, необходимо разобраться, как она выглядит и используется.

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

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

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

Виды добавляемых ссылок в историю Инстаграма

Оставить ссылку в Инстаграмме в истории можно бесплатно с помощью мобильного телефона. Линки в социальной сети делятся на два вида:

  • внутренние;
  • внешние.

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

Внешние ссылки направляют пользователей на внешние ресурсы. Это может быть интернет-сайт, Ютуб, личный блог, интернет-магазин. Такой линк может добавить только владелец бизнес-аккаунта, число подписчиков которого превысило отметку в 10 000 человек. Адрес странички, блога, магазина или ролика можно указать в виде рекламы. Для перехода нужно кликнуть по подписи к истории.

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

Вариант 1: Внешние ссылки

Как в истории Инстаграмма добавить ссылку на внешний ресурс, если у аккаунта более 10 000 подписчиков:

  1. Запустите Инстаграм на телефоне.
  2. Тапните по клавише для публикации новой сторис.
  3. Сделайте снимок, запишите видео или выберите файл из галереи.
  4. Кликните по иконке в виде цепочки на панели сверху.
  5. Введите ссылку в специальное поле, опубликуйте историю.

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

Вариант 2: Внутренние ссылки

Поделиться линком на пост, который находится в Инстаграме, может каждый пользователь. Для этого можно воспользоваться несколькими способами:

  1. Добавить публикацию в свою Stories.
  2. Отметить нужного пользователя или указать линк в своей истории с помощью стикеров.

Перечисленные способы доступны всем пользователям. Публикацию смогут увидеть подписчики и остальные пользователи Инстаграма.

Как добавить понравившийся пост в свою историю:

  1. Откройте социальную сеть, выберите публикацию.
  2. Нажмите на клавишу в виде бумажного самолета.
  3. В открывшемся окне кликните по строке «Добавить публикацию в вашу историю».
  4. Ссылка на канал будет размещена под изображением. С помощью фильтров можно отредактировать фото.

После публикации подписчики смогут посмотреть историю и перейти на пост по ссылке.

Важно. Stories работает 24 часа. После  истечения времени публикация исчезает автоматически. Ее можно найти в архиве Инстаграма и опубликовать еще раз.

Как добавить ссылку на понравившийся пост или отметить пользователя в истории:

  1. Выберите профиль в Instagram.
  2. Нажмите на кнопку с тремя точками, кликните по строке «Скопировать URL профиля».
  3. Нажмите на кнопку добавления истории.
  4. Сделайте снимок, нажмите на иконку добавления наклейки.
  5. Тапните по стикеру «Упоминание».
  6. Вставьте только что скопированный текст.
  7. Передвиньте наклейку в нужную область экрана, измените ее размер, нажмите на кнопку публикации.

Подписчики увидят упоминания при просмотре истории и смогут перейти на страничку, кликнув по упоминанию.

Как вставить ссылку в Инстаграм в пост и Истории через IGTV

Этот способ подойдет для всех, даже если у вас меньше 10 000 подписчиков.

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

Загружаем видео дольше 60 секунд в IGTV. Для этого начинаем загружать видео как обычно в пост, нажимаем «Далее» и выбираем «Поделиться как — Продолжительное видео».

В поле «Описание» можно вставить активную ссылку на сайт (с http/https). Обязательно оставьте ползунок «Опубликовать предпросмотр». Так видео попадет в вам в ленту, а не только в раздел с IGTV.

После загрузки ваши подписчики увидят пост с видео у себя в ленте. Им нужно будет нажать «Смотреть видео IGTV», и из поста они перейдут на полное видео. И там уже нажав на название наверху — раскроется описание с активной ссылкой на внешний сайт.

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

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

Добавление ссылок в историю

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

Как в истории сделать ссылку с помощью инструмента для ввода текста:

  1. Нажмите на кнопку с тремя точками, кликните по строке «Копировать ссылку».
  2. Создайте новую историю, в окне для добавления эффектов кликните по кнопке вставки текста.
  3. Вставьте только что скопированный адрес.
  4. Нажмите на кнопку подтверждения сверху справа.
  5. Переместите линк на нужную часть экрана и опубликуйте Stories.

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

Как вставить ссылку в публикацию?

h3<dp>1,0,0,0,0—>

Ссылка в истории Инстаграм может быть прикреплена там же, где и эффекты. Вверху появится цепочка, при нажатии на которую открывается дополнительное окно, в котором существует опция прикрепить анкор.

p, blockquote<dp>2,0,0,0,0—>

p, blockquote<dp>3,0,0,0,0—>

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

p, blockquote<dp>4,0,1,0,0—> </dp></dp></dp></dp>

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

Зачем нужен линк пользователю социальной сети? Все просто:

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

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

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

Как добавить ссылку в истории

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

Итак, вы пересекли рубеж в 10 тысяч подписчиков (поздравляем!), но не знаете, как добавить ссылку в истории Инстаграм. Чтобы прикрепить линк к сториз, необходимо выполнить ряд простых действий:

  • Войдите в Инстаграм, при необходимости авторизуйтесь.
  • Кликните по иконке добавления новой истории, которая расположена в верхней части экрана рядом с опубликованными историями других пользователей.
  • Снимите короткий ролик или добавьте историю из галереи своего устройства.
  • Кликните по значку в виде сцепленных звеньев, расположенному в верхней части экрана.
  • В открывшуюся строку вставьте линк.
  • Проверьте переход по URL-адресу.
  • Сохраните результат, кликнув по зеленой галочке или нажав на кнопку с надписью  Done. После сохранения, значок «сцепленных звеньев» будет помещен в круг белого цвета.

Для перехода по указанному адресу достаточно будет кликнуть по кнопке с надписью «Еще».

Как сделать линк активным?

Разработчиками Инстаграм предусмотрено единственное место, куда можно совершенно законно добавить активную ссылку – это профиль пользователя. Чтобы выполнить данную процедуру нужно:

  • Войти в приложение Instagram.
  • Авторизоваться.
  • Перейти в свой профиль, кликом по пиктограмме с человечком.
  • Войти в раздел «Редактировать профиль».
  • Вставить скопированный URL-адрес в графу «сайт».

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

 Как добавить линк на человека

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

  • Кликните по фото.
  • Нажмите на значок троеточия.
  • Из выпадающего списка выберите пункт «Изменить».
  • Кликните по значку с человечком и выберите «Отметить пользователей».
  • Отметьте человека, который получит уведомление.

Проблема в том, что такие ссылки некликабельны. Добавить активный линк на Инста-профиль человека можно в комментариях к посту. Рассмотрим данный процесс более подробно.

Для удобства перехода между страницами участников данной социальной программы разработчиками Инсты реализована функция добавления активного линка на аккаунт любого пользователя системы. Чтобы вставить ссылку на человека в комментариях нужно набрать сочетание из  символа @  и никнейма пользователя без пробелов. Теперь любой человек сможет перейти на страницу человека непосредственно из комментов, кликнув по данной ссылке, а упомянутый пользователь получит  PUCH-уведомление.

Зачем в Stories может потребоваться ссылка

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

Зачем вставлять ссылки в истории Инстаграма:

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

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

Используемые источники:

  • https://postium.ru/ssylka-v-istorii-instagram-kak-dobavit/
  • https://instagram-rus.ru/ssylka-v-storis-instagram
  • https://instagrammar.ru/foto/kak-dobavit-istorii-v-instagram/
  • https://instagram-wiki.ru/kak-dobavit-ssyilku-v-istorii-instagram.html
  • https://instaved.ru/kak-dobavit-ssylku-v-istorii-instagram/
  • https://instagram-my.ru/help/link-in-the-history-of-instagram/
  • https://instagrammar.ru/teksty/kak-dobavit-ssylku-v-instagram-v-storis-posty-i-shapku-akkaunta/
  • https://smmx.ru/insta/admin/kak-dobavit-ssylku-v-istorii-instagram.html

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

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

История появления

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

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

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

Принцип действия

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

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

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

Как создать Stories в Instagram с активной ссылкой? 

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

Ссылка в инстаграм сторис

Похожие Статьи

  1. Создайте публикацию в сторис. Это может быть фотоснимок или видеозапись. Он должен быть связан с вашей ссылкой, чтобы заинтересовать пользователей. Иконка Stories располагается слева в верхней части экрана.
  2. Вы можете добавить публикацию из медиатеки или сделать новую, при помощи камеры.
  3. После этого нажмите на иконку в форме цепочки, которая располагается в верхней части экрана.
  4. В указанном окошке укажите адрес портала, на который будут переходить пользователи.
  5. После успешного завершения операции значок побелеет.
  6. Вы можете применить функцию предпросмотра, чтобы убедиться в правильности указанных настроек.

Перед созданием сторис с активной ссылкой, помните, что Instagram не распознает адреса url типа. Если вы хотите получать точное число просмотров и знать данные о том, кто перешел по вашей ссылке, следует добавить к адресу метку utm типа. В случае, если финальный вариант адреса получается излишне большим, его возможно уменьшить. Для этого воспользуйтесь специализированными сервисами.

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

  • Нажмите «еще», чтобы увидеть продолжение.
  • Свайпните вверх, чтобы перейти дальше.
  • Проведите вверх, чтобы увидеть больше.

Основные моменты 

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

  • Получите просмотры и посещения — ссылка в сторис привлечет внимание подписчиков. Если у частного лица или компании есть свой блог или сайт, можно уведомлять пользователей о последних событиях и публикациях. Важно делать публикации короткими, интересными и интригующими.
  • Просмотр полной версии — блогеры часто выкладывают в сторис небольшую часть будущего видео и оставляют активную ссылку на свой блог. Таким образом получается заработать просмотры. Просмотрев небольшую часть туториола в сторис, пользователь перейдет по ссылке и окажется на сайте с полной версией, чтобы досмотреть видеоролик.
  • Завлечь покупателя — владельцы бизнеса или магазина могут заинтриговать пользователей новым товаром, скидками или различными предложениями. Увидеть продолжение подписчики смогут в случае, если перейдут по активному адресу.

Как не переборщить? 

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

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

Подводя итоги 

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

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

Как сделать свайп (swipe up) в Instagram на Android — ИНСТРУКЦИЯ

Любой пользователь Instagram хочет не просто создавать интересный контент для своих подписчиков, но и делать это максимально быстро.

Добавление ссылки в Stories — хороший пример того, как свайп может повысить активность и посещаемость страницы.

Сделать свайп можно на смартфонах любой операционной системы — Android, IOS или Windows.

Кому доступны ссылки в Stories

Изначально свайп в Instagram Stories был доступен только для владельцев проверенных учетных записей. Уже в 2017 году возможность добавлять ссылки в Stories получили аккаунты без верификации.

Сейчас создавать свайп могут владельцы бизнес-аккаунтов Instagram, у которых более 10 тыс. подписчиков.

Как сделать свайп в Instagram на Android

1. Создайте историю в Instagram

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

2. Нажмите на ссылку

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

3. Создавайте историю и добавьте call-to-action

Добавляйте фильтры, наклейки или хэштеги. После этого загрузите историю на свою страницу.

В Instagram Stories с прикрепленной ссылкой внизу экрана появится кнопка See more.

К слову, многие подписчики могут ее не заметить. Поэтому лучше использовать в сториз призывы вроде Проведите вниз, Нажмите здесь, Тяните вверх или рисовать на экране стрелки.

Читайте: Как пользоваться Instagram — 14 ответов на популярные вопросы Как загрузить несколько фото в одну Instagram stories Как вести стильный Instagram

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

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

Вам будет намного проще привлекать своих подписчиков, если вы применяете свайп. Это нововведение стало одним из самых популярных. Его регулярно используют блогеры по всему миру. Instagram Stories увеличил количество времени, которое люди проводят в приложении, примерно на десять дополнительных минут. Это дополнительное время означает больше внимания и сосредоточения на вашем бренде. С другой стороны, это не принесет много пользы, если вы не сможете задержать аудиторию. Если добавить ссылку в cторис, то вы сразу направляете пользователя на последний контент, другую страницу или сайт. Для этого просят сделать свайп, то есть провести пальцем по экрану снизу вверх.

Содержание

  1. Что такое свайп?
  2. Требования к использованию свайп вверх.
  3. Как добавить свайп на историю в Instagram.
  4. Как использовать свайп в Instagram, если у вас нет 10 тысяч подписчиков.
  5. Как сделать историю в Instagram привлекательной с помощью свайпа вверх.
  6. Рекомендации по дизайну для пролистывания историй в Instagram.

Что такое swipe?

Свайп — это скользящее движение вверх. Такой термин широко применяется в сторис инстаграм. Пользователю нужно сделать простое движение — свайп (провести пальцем вверх), чтобы перейти по ссылке. Такой инструмент позволил получать больше аудитории и подписчиков. Появилась возможность переводить пользователя сразу на товары, сайт, пост и т.п., не выходя из Instagram и не совершая лишних действий. 

Требования к использованию свайп вверх

К применению функции свайп есть требования и условия. Необходимо настроить свой аккаунт как бизнес-профиль. И еще одно важное условие — у вас должно быть не меньше 10 000 подписчиков.

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

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

Как добавить swipe на историю в Instagram

Добавить свайп на Instagram Story легко. Просто выполните следующие действия:

  1. Нажмите значок «камера» в левом верхнем углу, чтобы сделать фото или видео.
  2. Добавьте новую историю в Instagram.
  3. Щелкните значок на историю в верхней панели (четвертый справа в виде двух скрепленных замочков).
  4. Затем нажмите «Веб-ссылка» и добавьте URL-адрес.
  5. Если вы используете устройство iOS, нажмите Готово. Если вы используете Android, нажмите на зеленую галочку.

Не забывайте держать ссылки в самом начале. Пока ваша история состоит из пяти кадров или меньше, вы увидите, что 70% зрителей будут придерживаться вашей истории. Если дольше, внимание значительно упадет.

Как использовать swipe в Instagram, если у вас нет 10 тысяч подписчиков

Лучшее преимущество функции смахивания вверх заключается в том, что она позволяет вам легко делиться ссылками с вашей аудиторией. Даже если у вас нет 10 000 подписчиков, есть несколько альтернатив. Вы можете попробовать применить их, чтобы ваши ссылки были видны большему количеству зрителей. Что, соответственно, приведет ко всем хорошим вещам, таким как увеличение продаж и более лояльных подписчиков.

Ссылка в биографии

Возможно, вы уже делаете это, но каждая ссылка в биостратегии и инструменте может принести разные преимущества. Некоторые пользователи IG предпочитают поместить одну конкретную ссылку в свою биографию. Или использовать инструменты сокращения ссылок для настройки. Вы также можете использовать инструменты, которые позволяют размещать несколько ссылок на одной целевой странице (меньше обновлений ссылок, больше конверсий!).

Используйте свои DM

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

Создать опрос

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

Хотите, чтобы число подписчиков продолжалось и вы могли получить доступ к функции смахивания вверх еще раньше?

У вас все получится, если вы:

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

Как сделать историю в Instagram привлекательной с помощью свайпа вверх

  1. Продумайте оформление рассказа. Обязательно используйте встроенный функционал: маски, гифки, стикеры.
  2. Сделайте звонок для перехода по ссылке, чтобы подписчики не забывали пролистывать.
  3. Подключите фантазию. Рекламируйте прикрепленный контент. Пусть это будет эксклюзивная информация, промокоды и скидки, результаты конкурсов.
  4. Устраивайте небольшие квесты, которые приводят к необходимости пролистывать ссылку.
  5. Не бойтесь экспериментировать, чтобы понять, что зацепит аудиторию, только на практике. Однако избегайте очевидных ошибок, из-за которых подписчик игнорирует ваш призыв перейти по ссылке.
  6. Не перегружайте рассказ ненужной информацией. Чем короче и лаконичнее вы его изложите, тем больше получите отклик.
  7. Попробуйте использовать разные методы привлечения. Единообразие снижает интерес.
  8. Не лгите своим подписчикам, это их оттолкнет. Предоставьте интересную правдивую информацию.
  9. Информация должна быть полезна целевой аудитории. Подписчики должны воспринимать контент, уметь использовать полученную информацию.

Рекомендации по дизайну для пролистывания историй в Instagram

Чтобы помочь вам начать работу, я собрала несколько способов улучшить ваши swipe, чтобы привлечь больше трафика на ваш сайт.

Добавить text

Звучит просто, и это так. Текст — это эффективный способ побудить людей щелкнуть мышью. Согласно общепринятому мнению, лучший способ получить что-то — это попросить об этом. Поэтому четко сформулируйте действия, которые должны выполнять пользователи. Многие бренды помещают в свои истории стилизованный текст, который сообщает пользователям, что есть пролистывающая ссылка. Это также отличная возможность включить идентичность вашего бренда в общий шаблон.

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

Добавить анимацию

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

Тизер или краткий обзор

Еще один способ побудить людей нажать на ваш swipe — предоставить интересный контент. Многие бренды и музыканты публикуют короткие видеоролики о продвигаемых ими продуктах и ​​советуют пользователям пролистывать вверх, чтобы увидеть полное видео. Если вы заядлый пользователь IGTV, он отлично интегрируется с Instagram Stories.

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

© Алена Лебедева

P.S. Подписывайтесь на меня в соцсетях:
Инстаграм
Моя группа ВК

P.S.Понравился пост, но нет времени применить на практике прямо сейчас?

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

Истории в инстаграм: как пользоваться Stories

ТАДАААААМ! Instagram начал рассказывать истории! Серьёзно, появилась функция «stories» — она же «рассказы», «сториз», «моменты»  или «истории». Это такое прямое включение в виде фото или видео, которое можно добавить в ленту ваших друзей, при этом в вашем аккаунте оно не появится. Это значит, что больше не нужно «вылизывать» ваши фотографии, настраивая свет и подбирать композицию. Благодаря сториз в инстаграм можно заливать любой треш – всё равно срок его жизни всего лишь сутки.

Некоторых это нововведение бесит, другим нравится. Я отношусь к последним и считаю, что если вам не нравятся stories – вы просто не умеете их использовать!

Как сделать stories в инстаграме и что они умеют

Узнайте всё, что вам нужно знать про инстаграм-истории, чтобы прокачать свой аккаунт и своих подписчиков! Посмотрите запись вебинара по ссылке.

Где искать Истории?

Самый главный вопрос: «Stories – это вообще где?». А это в ленте ваших  друзей. В самом верху появилась дополнительная полоска с аватарками. Если вокруг аватарки красный круг – значит там есть новые «рассказы». Ваша аватарка будет стоять первой. Если у вас сториз нет, то на аватарке будет «гореть» синий плюсик. В этом случае вы сможете создать новую сториз, нажав на свою аватарку.

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

Кроме того, если вы зашли на чей-то профиль и видите, что его аватарка обведена красным – значит там есть актуальные сториз! Можно нажать на аватар и сразу их посмотреть.

Как добавить свою историю?

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

У вас включится камера. Камеру можно переключать с обычной на фронтальную и обратно двойным касанием по экрану или нажав на круг из стрелок справа снизу.

Чтобы сделать фото, нужно один раз нажать на белую кнопку внизу по центру экрана. Чтобы снять видео, нужно нажать и удерживать эту же кнопку. Когда пойдёт запись, вокруг этой белой кнопки «побежит» цветная полоска.

Видео можно приближать и удалять. Для этого, не отрывая палец от экрана, проведите вверх (сработает зум на приближение), а затем вниз (и картинка снова отдалится).

В ноябре 2016 появилась возможность снимать через boomerang прямо в stories. «Бумеранг» — это официальное инстаграм-приложение, которое создаёт закольцованные маленькие видосики. В эру жж это назвалось «гифки».

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

Я лично надеюсь, что «свободные руки» предвестник запуска прямых эфиров в России.

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

Кроме того, сториз можно сохранить на свой телефон, не публикуя в общий доступ. Сохранить вместе с надписями, рисунками и смайликами, которые вы добавите на фото. И потом это сохранённое фото можно добавить в свой аккаунт (если захотите, конечно). Чтобы сохранить сториз нажмите на маленькую стрелочку внизу слева.

Чтобы опубликовать историю, нажмите на плюсик «Ваша история» внизу слева.

А чтобы отправить историю в директ другу (или группе друзей) — на белую кнопку со стрелкой внизу справа.

Истории, отправленные в директ, со временем самоудаляются.

Как добавить старое фото в сториз?

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

UPD с ноября 2017 можно добавлять в сториз любые фото из галереи, без привязки к 24 часам.

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

Как «склеить» истории?

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

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

Как добавить фильтр?

Да, в историях можно использовать фильтр. Для этого проведите пальцем по экрану справа налево, фильтры будут меняться. Работает и с фото, и с видео.

Как добавить на сториз надпись?

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

К счастью, на фото, видео и даже на ролики из приложения Boomerang можно добавить текст. Для этого нажмите на «Аа» вверху справа. У вас появится клавиатура, курсор и палитра с цветами. Если нажать дважды на нужный цвет — окроется палитра оттенков.

Готовый текст можно увеличивать или уменьшать. Для этого коснитесь экрана двумя пальцами, а затем сведите (чтобы уменьшить текст) или разведите их (чтобы увеличить). Также, касанием, можно перетаскивать текст в любое место экрана или менять его наклон.

Как добавить в сториз ссылку?

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

На Андроидах нельзя ставить ссылку на самого себя. И на многих из тех, на кого вы не подписаны. Подпишитесь — и сможете поставить активную ссылку на аккаунт.

Когда вас кто-то отмечает в сториз, вам приходит уведомление в директ.

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

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

Как сделать заливку в сториз?

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

Чтобы сделать фон у текста (как тёмно-розовый на картинке), во время написания текста нажмите на значок А в квадратике по центру экрана. При нажатии на этот значок у текста появляется фон. Одно нажатие — тёмный фон, два — светлый, три — отмена фона.

Как поставить сториз на паузу и прочитать длинный текст?

В рассказах есть ПАУЗА! Если на фото или видео добавлен длинный текст, который вы не успеваете прочитать, или если вы хотите рассмотреть детали, просто коснитесь экрана и удерживайте палец. Сработает пауза и вы сможете читать длинный текст хоть по слогам.

Как посмотреть предыдущую или следующую историю?

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

Как ответить на историю?

Рассказы – это не пост, их нельзя лайкать и комментировать. Ответ на историю вы отправляете в директ её автору.

Чтобы ответить на историю, нужно нажать на кнопку «Отправить сообщение» в нижнем левом углу.

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

Как посмотреть сториз с компьютера?

Stories можно посмотреть (и сделать) с компьютера. Для этого установите на компьютер приложение Instagram.

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

Кроме того, можно установить расширение для браузера Chrome — Chrome IG Story. С его помощью можно смотреть и скачивать сторис и прямые эфиры, а также видеть закреплённые сториз в аккаунте.

Как запустить рекламу в сториз?

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

Запустить своё рекламное объявление можно через таргетированную официальную рекламу, выбрав в качестве плейсмента Instagram — истории.

Видео-инструкция, как запустить рекламу в инстаграм-сториз:

Как добавить геотег и хештег в сториз

На картинку в сториз можно добавить гео-метку (геотег) и хештег. Они находятся в разделе со стикерами.

При клике по добавленному стикеру геоточки или хештега, человек будет переходить на страницу с другими фотографими, отмеченными этими же гео- и шетегами.

Можно добавить только 1 стикер геоточки и 1 стикер хештега. Но можно добавить больше хештегов, если просто написать их текстом.

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

Кроме того, сториз с гео-метками отображаются в разделе «Популярное».

А вот смысл от использования хештегов в сториз я вижу только в том, чтобы пиарить свои теги-рубрикаторы.

Видео-инструкция как добавить хештег и геотег в сториз:

Как добавить ссылку в сториз

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

Ссылка появится внизу истории и будет выглядеть как слово «Ещё» со стрелкой. Когда человек нажмёт на это слово, он перейдёт по ссылке.

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

Как добавить ссылку в сториз (видео-инструкция):

На данный момент ссылку в сториз могут добавить аккаунты с количеством подписчиков от 10 000.

Как добавить опрос в сториз

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

Если у вас не отображается нужный стикер, попробуйте переключить камеру с фронтальной на обычную и обратно. Должно помочь.

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

А вот видео. Надеюсь, теперь станет совсем понятно, как добавлять опросы в сториз:

Подробнее о функции опроса в Инстаграм читайте в этой статье.

Как сохранить сториз в архив

В декабре 2017 появилась функция сохранять сториз в Архив. Опубликованные сториз попадают в архив автоматически и сохраняются там.

Если вы не хотите, чтобы ваши сториз автоматически попадали в архив, выключите эту функцию в настройках.

Вы можете отправить другу сториз из архива и можете «закрепить» сториз в самом аккаунте.

Как сохранить сториз в аккаунте

Сториз, сохранённые в архиве, видите только вы. Но можно добавить сториз в аккаунт, тогда её будут видеть все.

Чтобы добавить сториз в аккаунт, нужно открыть её и нажать на символ «Выделить». Вам предложат дать этой сториз имя и добавить в аккаунт.

Можно добавить сториз и из архива. Для этого заходим в архив, находим нужную сториз и так же жмём на ней «Выделить».

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

Видео-инструкция, как добавить сториз в аккаунт:

А в этой статье вы найдёте 15 идей, как использовать закреплённые сторис в Инстаграм.

Для чего вам пригодятся stories?

Я считаю сториз очень крутой затеей, потому что они решают массу проблем. А именно:

Репортаж

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

Анонс

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

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

Такой вариант отлично подходит для привлечения дополнительного внимания к вашему новому посту или для срочных новостей, например, если вы прямо сейчас приглашаете своих читателей в Periscope или прямо сейчас вас показывают по телевизору и надо скорее его включать.

Напоминание, временный пост

Многие блогеры публикуют временные посты. Они прям так и пишут в самом начале: «Временный пост! Потом удалю!». Это может быть пост о внезапно отменённом заказе, какой-то вопрос к аудитории или что-то ещё. Так вот сториз – это и есть временный пост. К тому же, до вашего временного поста, опубликованного в аккаунте, ещё нужно будет долистать в ленте, а сториз – вот они, на самом верху, перед глазами.

Кроме того, сториз отлично работают для напоминаний. Если вы проводите розыгрыш в Instagram, то вам наверняка придётся несколько раз напомнить об этом в своём аккаунте – кто-то ведь мог пропустить афишу с анонсом и правилами. Благодаря сториз, вы можете напоминать о своём конкурсе, и такой временный пост самоудалится через сутки. Напоминайте хоть каждый день!

Напоминание о себе

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

Что плохого в Stories?

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

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

А вы пользуетесь stories? Как вам это нововведение? Расскажите в комментариях!

Инструкция, как сделать активную ссылку в сторис Инстаграм

Автор Екатерина Муракаева На чтение 8 мин. Опубликовано

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

Зачем нужна активная ссылка на Сториз в Инстаграм

Активный URL-адрес в истории позволяет продвигать любые проекты и веб-сайты. Например, другой автор заказал у вас рекламу собственного портала в формате небольшого видео, выложенного на 24 часа. Тогда вам потребуется заранее записать интересный и полезный ролик, а затем загрузить его в формате сториз со ссылкой.

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

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

Как видите, использовать активную ссылку в сториз можно по-разному и с максимальной пользой!

Кому доступна ссылка на Истории в Instagram

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

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

Инструкция, как сделать активную ссылку на Историю в Инсте

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

Для Андроид

Пользователи Android-устройств в этот раз не были ничем обделены, поэтому для добавления ссылки в историю можно использовать стандартную инструкцию. И нет, вам не придется перед этим ждать обновления приложения:

  1. Нажимаем по значку, который всегда применяется для добавления новой записи. Кто забыл, то он расположен на главной странице программы.
  2. Добавляем исходное видео или фотографию. По желанию вы можете использовать готовые фоны, текст и доступные стикеры. В общем, стандартным способом подготавливаем материал перед публикацией.
  3. И теперь кликаем по значку в виде цепи, который и предназначен для добавления URL-адреса.
  4. На экране появляется страница, где нужно остановиться на варианте «Ссылка на сайт». Конечно, в случае необходимости вы можете поделиться роликом из IGTV, но мы этого делать не будем.
  5. В единственное поле вставляем ранее скопированный URL-адрес. Заметим, что это может быть не только ссылка на сайт, но и на какой-то другой проект (канал в Telegram, видео и так далее). Главное – чтобы по ней можно было переходить. Также вы можете воспользоваться опцией предпросмотра, чтобы лично убедиться, работает ли ваш URL-адрес.
  6. Нажимаем по галочке в углу экрана для сохранения изменений. Дополнительно мы рекомендуем добавить призыв к действию, потому что многие начинающие пользователи социальной сети не понимают, как перейти на предлагаемую веб-страницу. К примеру, это может быть текст с просьбой сделать свайп или короткое видео. А ещё в интернете получится найти шаблоны и различные иконки кнопок.

Как видите, всего за несколько секунд нам удалось прикрепить ссылку к истории. Практически все настоящие подписчики любят смотреть такие короткие ролики, потому что они отображаются в ленте приложения. Следовательно, количество переходов по вашему URL-адресу будет большим.

Для iOS

Владельцы смартфонов на iOS могут использовать представленную выше инструкцию. Никаких отличий в названии пунктов и порядке действий замечено не было. Но что же делать, если 10000 подписчиков и галочки нет, а поделиться своим проектом с подписчиками хочется? Самый простой вариант – указать информацию о своем сайте в шапке профиля. И да, такой URL-адрес будет полностью кликабельным.

Для этого нужно перейти во вкладку с аккаунтом, а после выбрать «Редактировать профиль». И в графу «Website» вставляем скопированную ранее ссылку. А уже после запишите историю и предложите подписчикам перейти по указанному в описании адресу. Как правило, настоящие фанаты всегда захотят посмотреть, что же предлагает их любимый автор. Скорее всего, количество переходов будет не таким большим, но это хотя бы что-то.

Идеи, как использовать ссылки на Сториз в Инсте

Инструкции мы уже рассмотрели, так что вы смело можете их использовать. А вообще, для чего реально применять активные ссылки в историях с максимальной пользой? Если у вас более 10000 подписчиков, то упускать такую полезную возможность точно нельзя. Мы составили подборку из нескольких классных идей, поэтому советуем с ней ознакомиться!

Продвижение собственного бренда

У вас есть собственный интернет-магазин или небольшой местный магазинчик? Для продвижения своего продукта и можно использовать сториз. Запишите короткое видео, расскажите о проекте и его целях. А в дополнение к этому укажите URL-адрес сайта. Люди, которые заинтересуются вашим предложением, смогут сделать свайп и ознакомиться с предложением.

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

Демонстрация уникального контента

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

Главное – заинтересовать аудиторию и грамотно преподнести материал.

Дополнительный трафик извне

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

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

Ссылка на обучение/инструкцию

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

Возможно, после этого они расскажут о вашем профиле своим друзьям и коллегам.

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

Почему не получается добавить активную ссылку в историю?

Убедитесь, что ваш аккаунт соответствует действующим требованиям (10000 подписчиков или синяя галочка). Если с этим всё в порядке, то ищите причину проблемы в вашем смартфоне. Может быть, скопилось слишком много мусора или нет подключения к интернету.

Как разместить ссылку в сториз, если нет 10000 подписчиков?

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

Как поделиться публикацией в истории?

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

Лиза Тинькова

коммерческий Instagram эксперт. Отвечаю на вопросы и помогаю читателям.

Задать вопрос

history.addUrl () — Mozilla | MDN

Добавляет запись в историю посещения браузера по заданному URL-адресу. Время посещения записывается как время звонка, а TransitionType записывается как «ссылка».

Это асинхронная функция, которая возвращает Promise .

  var addUrl = browser.history.addUrl (
  подробности
)
  

Параметры

детали
объект .Объект, содержащий добавляемый URL.
url
строка . URL-адрес для добавления.
название Дополнительно
строка: заголовок страницы. Если он не указан, заголовок будет записан как null .
переход Дополнительно
история. Тип перехода . Описывает, как браузер перешел на страницу в этом случае. Если он не указан, будет записан тип перехода «ссылка».
visitTime Дополнительно
номер или строка или объект . Значение, указывающее дату и время. Это может быть представлено как: объект Date , строка даты ISO 8601 или количество миллисекунд с начала эпохи. Устанавливает это значение для времени посещения. Если это не указано, будет записано текущее время.

Возвращаемое значение

Promise будет выполнено без параметров при добавлении элемента.

Таблицы BCD загружаются только в браузере

Добавьте запись о посещении на «https://example.org/», затем проверьте, было ли записано новое посещение, выполнив поиск в истории самого последнего элемента и зарегистрировав его:

  функция onGot (results) {
  if (results.length) {
    console.log (результаты [0] .url);
    console.log (новая дата (результаты [0] .lastVisitTime));
  }
}

function onAdded () {
  var search = browser.history.search ({
    текст: "https://example.org/",
    startTime: 0,
    maxРезультаты: 1
  });
  поиск.then (onGot);
}

var addUrl = browser.history.addUrl ({url: "https://example.org/"});
addUrl.then (onAdded);  

Добавьте запись о посещении на «https://example.org», но дайте ему visitTime за 24 часа в прошлом и переход типа «введено»:

  const ДЕНЬ = 24 * 60 * 60 * 1000;

function oneDayAgo () {
  return Date.now () - ДЕНЬ;
}

function onGot (посещений) {
  for (посещение посещений) {
    console.log (новая дата (visit.visitTime));
    приставка.журнал (visit.transition);
  }
}

function onAdded () {
  var getVisits = browser.history.getVisits ({
    url: "https://example.org/"
  });

  getVisits.then (onGot);
}

var addUrl = browser.history.addUrl ({
  url: "https://example.org/",
  visitTime: oneDayAgo (),
  переход: "типизированный"
});

addUrl.then (onAdded);  
Благодарности

Этот API основан на API Chromium chrome.history . Эта документация взята из history.json в коде Chromium.

Данные о совместимости с Microsoft Edge предоставлены корпорацией Microsoft и включены здесь в соответствии с лицензией Creative Commons Attribution 3.0 для США.

History.pushState () — веб-API | MDN

В документе HTML history.pushState () добавляет запись в браузер стек истории сеанса.

  history.pushState (state, title [, url])  

Параметры

state
Состояние Объект — это объект JavaScript, связанный с новая запись в истории, созданная pushState () .Всякий раз, когда пользователь переходит к новое состояние , событие popstate запускается, и состояние свойство события содержит копию записи истории состояние объекта.
Состояние Объект может быть чем угодно, что может быть сериализовано. Так как Firefox сохраняет объектов состояния на диск пользователя, чтобы их можно было восстановить после того, как пользователь перезапустит браузер, мы налагаем ограничение на размер 2 МБ для сериализованное представление объекта состояния .Если вы пройдете состояние объект, чье сериализованное представление больше, чем это до pushState () метод вызовет исключение. Если вам нужно больше пространство, рекомендуется использовать sessionStorage и / или localStorage .
титул
Большинство браузеров в настоящее время игнорируют этот параметр, хотя они могут использовать его в будущем. Передача пустой строки здесь следует быть защищенным от будущих изменений метода.В качестве альтернативы вы могли бы передайте краткое название штата, в который вы переезжаете. Если вам нужно, чтобы название было изменилось, вы можете использовать document.title .
url Дополнительно
Этим параметром задается URL новой записи в истории. Обратите внимание, что браузер не попытаться загрузить этот URL-адрес после вызова pushState () , но это может попытаться загрузить URL-адрес позже, например, после того, как пользователь перезапустит браузер. В новый URL не обязательно должен быть абсолютным; если он относительный, он разрешен относительно текущий URL.Новый URL должен иметь то же происхождение, что и текущий URL; в противном случае pushState () вызовет исключение. Если этот параметр не указан, установлен текущий URL-адрес документа.

В некотором смысле вызов pushState () аналогичен установка window.location = "#foo" , так как оба будут также создавать и активировать другую запись истории, связанную с текущим документом. Но pushState () имеет несколько преимуществ:

  • Новый URL-адрес может быть любым URL-адресом из того же источника, что и текущий URL-адрес.В отличие, установка window.location удерживает вас в том же документе, только если вы изменить только хеш.
  • Вам не нужно менять URL-адрес, если вы этого не хотите. В отличие, установка window.location = "#foo"; создает новую запись в истории, только если текущий хеш не #foo .
  • Вы можете связать произвольные данные с новой записью в истории. С помощью хеша подход, вам нужно закодировать все соответствующие данные в короткую строку.

Обратите внимание, что pushState () никогда не вызывает событие hashchange . запускается, даже если новый URL-адрес отличается от старого URL-адреса только своим хешем.

Это создает новую запись истории браузера, устанавливающую состояние , заголовок , и url .

JavaScript

  const state = {'page_id': 1, 'user_id': 5}
const title = ''
const url = 'hello-world.html'

history.pushState (состояние, заголовок, URL)
  

Изменить параметр запроса

  const url = новый URL (window.место расположения);
url.searchParams.set ('фу', 'бар');
window.history.pushState ({}, "", URL-адрес);  

Таблицы BCD загружаются только в браузере

Предотвращение атак на историю пользователя с помощью CSS: посещенные селекторы

Предотвращение атак на историю пользователя через CSS: посещенные селекторы
Л. Дэвид Барон, Mozilla Corporation

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

Какое-то время было широко известно, что способность CSS стилизовать посещенные ссылки отличаются от непосещенных, в сочетании с другими веб-ссылками такие технологии, как JavaScript или просто загрузка фоновых изображений, позволяет веб-страницам определять, есть ли URL-адрес в истории пользователя. быстро и без какого-либо взаимодействия с пользователем. Это верно в текущие версии всех основных веб-браузеров. У меня есть решение, которое я считает, что устраняет эту проблему и, следовательно, помогает пользователям вести свою историю private, когда они используют веб-браузер, реализующий это решение.

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

Как можно использовать CSS для запроса истории браузера пользователя

Прежде чем описывать детали решения, хотелось бы описать детали проблемы. CSS имеет селектор : ссылка , которая соответствует непосещенным ссылкам, и селектор : посещено , которое соответствует посещенным ссылкам.Так типично стили для ссылок могут быть выражены в виде:

: ссылка,: посетил {
    / * для всех ссылок * /
    оформление текста: подчеркивание;
}

:ссылка на сайт {
    / * для непосещенных ссылок * /
    цвет синий;
}

: visit {
    / * для посещенных ссылок * /
    цвет: фиолетовый;
} 

Авторы могут затем написать сценарий, использующий getComputedStyle метод определения посещенных ссылок:

var links = document.links;
for (var i = 0; i 

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

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

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

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

Пределы предлагаемого решения

Решение, которое я предлагаю (и реализовал), предназначено для защитить от атак на историю пользователя с помощью CSS: посетил это происходят без какого-либо взаимодействия с пользователем и могут быть выполнены в разумные количество времени.

Он не предназначен для устранения атак, связанных с взаимодействием с пользователем. Для Например, на веб-странице некоторые ссылки могут быть скрыты, а некоторые - видимыми. какие сайты посещаются, а затем определите, на что нажимает пользователь.Пользователи, которые хотят обезопасить себя от таких эксплойтов, должны отключить раскраска посещенных ссылок, что можно сделать в Firefox 3.5 и новее используя предпочтение layout.css.visited_links_enabled в о: config .

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

Помимо истории, веб-браузеры также хранят кеш содержимое большинства страниц, которые пользователь недавно посещал.Кеш отличается от истории: история запоминает только URL-адрес страница, тогда как кеш содержит содержимое страницы, так что он может загружается быстрее при следующей загрузке. Следовательно, кеш скорее всего чтобы вернуться назад значительно меньше времени. Это решение не касается способы, которыми веб-страницы могут определить, что находится в кеше пользователя (который не имеют отношения к CSS : посетили селектора).

Эффекты на веб-страницах

Решение, которое я реализовал, оказывает три основных эффекта на то, что Web страниц можно сделать:

  • Это делает getComputedStyle (и аналогичные такие функции, как querySelector ) лгут, действуя так, как если бы все ссылки не посещаются.

  • Он заставляет определенные селекторы CSS действовать так, как будто ссылки всегда не посещаемые, даже когда их посещают. Это происходит в двух случаях. В во-первых, это селекторы-братья (технически комбинаторы), например : посещено + промежуток , который выбирает любой охватывает элемент , который является следующим родственником посещенной ссылки. Для подобных селекторов мы всегда действуем так, как будто ссылка unvisited, поскольку элемент, соответствующий селектору (диапазон), не ссылка или один из ее потомков.Второй - редкий случай вложенные элементы ссылки. В этих случаях, когда сопоставляемый элемент является или является потомком другой ссылки, отличной от той, наличие которой в истории проверяется, мы разбиваем потомственные и дочерние селекторы просто как и в предыдущем случае, а также немного изменим наследование CSS правила, чтобы соответствовать.

    Или, глядя на вещи с другой стороны, единственное звено, наличие которого в истории пользователя может влиять на стиль ближайшего элемента предок этого элемента, являющегося ссылкой.Стиль элемента чего бы вы ожидали, если бы эта ссылка находилась в ее истинном состоянии (посещена или unvisited), а все остальные ссылки не посещались.

  • Ограничивает свойства CSS, которые можно использовать для стилизации посещенных ссылок. до цвет , цвет фона , бордюр - * - цвет , контур-цвет и, столбец-правило-цвет и, когда и непосещенный, и посещенный стили являются цветами (не отрисовкой серверов или ни одного), заполнить и ход свойства.Для свойств, которые не разрешены (и для альфа-компонентов разрешенные свойства, когда цвета rgba () или hsla () или прозрачный используются), вместо него используется стиль непосещенных ссылок.

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

Предлагаемое решение

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

Для каждого узла вместо вычисления его стиля путем сопоставления селекторов против: ссылка и: посещено в зависимости от того, есть ли ссылки у пользователя истории, мы сначала вычисляем стиль, сопоставляя селекторы, как если бы все ссылки не посещаются. (Это создает объект, представляющий вычисленное style для элемента, который в нашем коде называется nsStyleContext .) Затем, если у узла есть соответствующая ссылка, мы вычисляем стиль во второй раз на предположение, что соответствующая ссылка посещена, а все остальные ссылки не посещенный. Это дает второй nsStyleContext , который мы дать первому контексту стиля указатель на (названный его стиль при посещении ). Мы также записываем в контексте первого стиля была ли посещена соответствующая ссылка. Затем мы обрабатываем все динамические изменения в документе или стиле, которые потребуют любого из этих контексты стилей, которые необходимо обновить, обновив их по мере необходимости.

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

Затем мы делаем свойства, которые веб-страницы должны иметь возможность стилизовать иначе для посещенных ссылок ( цвет , цвет фона , рамка - * - цвет , цвет контура , цвет правила столбца , заполнение , и ход ) включите получение стилей для посещенных ссылки, имея код, реализующий рисунок для этих свойства получают цвет для рисования с помощью функции, которая объединяет данные из двух контекстов стилей в зависимости от того, является ли соответствующая ссылка посетил.Если соответствующая ссылка не посещена, эта функция возвращает цвет из контекста первого (нормального) стиля. Если соответствующая ссылка посещенный, он возвращает цвет, R (красный), G (зеленый) и B (синий) компоненты берутся из контекста второго стиля (стиль при посещении), но компонент A (альфа) идет из первого. Однако есть один исключение из второго правила (для обработки случая, когда первый стиль контекст имеет используемый цвет, а контекст второго стиля имеет цвет чья альфа равна 0, например прозрачный , у которого нет значимые компоненты R, G и B): если цвет в style-if-visit имеет компонент A, равный 0, тогда цвет из нормального стиль всегда используется.

Стоит отметить, что в зависимости от того, когда начинается реализация изображение загружается для изображений, на которые ссылается CSS, изображений, которые на которые ссылаются стили при посещении для background-image , и т. д., все еще могут быть загружены. Однако важно, чтобы реализация гарантирует, что либо они никогда не загружаются (предпочтительно), либо что они всегда загружаются в одно и то же время, независимо от того, являются ли ссылки посетил.

Риски

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

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

Ограничения на будущие изменения того, какие браузеры поддерживают

Одна из проблемных областей будущего, в которой мы могли бы внедрить новые способы использования Интернета страниц, чтобы определить, находятся ли ссылки в истории, используя: посещение - это указатель событий собственность, как указал мой коллега Роберт О'Каллахан.Если в в будущем мы добавляем (очень востребованные) значения к этому свойству, которые позволяют события мыши для доступа к элементам в зависимости от того, являются ли части изображение или части элемента прозрачны, нам нужно быть осторожными в два случая. Во-первых, фильтры SVG позволяют менять альфа-канал и цвет. составные части. Во-вторых, если мы разрешим фоновые изображения (см. Выше), эти изображения может иметь прозрачность в разных местах.

Этих проблем можно избежать одним из двух способов. Мы могли гарантировать эти события-указатели всегда смотрят на прозрачность на основе непосещенных стили.Или, наоборот, если мы не разрешаем фоновые изображения, мы может гарантировать, что указатели-события смотрят на прозрачность до обработка SVG-фильтров (что в любом случае может быть проще).

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

История изменений

9 марта 2010 г.
Оригинальная версия
25 марта 2010 г.
Добавлены цветные части ' заливки ' и Свойства « stroke » в список свойств.
30 марта 2010 г.
Пытался сделать среднюю пулю под Эффекты на Веб-страницы немного четче
31 марта 2010 г.
Добавлен См. Также раздел, указывающий на блог Mozilla Security и на ошибку 147777. Прекратить помечать как черновик. Также добавлен пост в блоге Hacks.
1 апреля 2010 г.
Уточнено, что для свойств заливки и штриха резервный цвет не будет изменяться для: посещенный (только цвета в качестве основных значений, когда оба значения являются цветами).Упомянутые потенциальные проблемы с холстом в будущем. Исправлена ​​опечатка в комментарии в примере в постановке задачи.
2 апреля 2010 г.
Добавлен цвет правила столбца по предложению Дэйва Хаятта
6 апреля 2010 г.
Два изменения в разделе предлагаемых решений: Добавлено исключение для функции смешивания цветов, когда у стиля при посещении альфа 0. Добавлено примечание о времени загрузки ресурса.

История URL

11 января 1982 года двадцать два специалиста по информатике встретились, чтобы обсудить проблему с «компьютерной почтой» (теперь известной как электронная почта).Среди участников были парень, который должен был создать Sun Microsystems, парень, который создал Zork, парень NTP и парень, который убедил правительство заплатить за Unix. Проблема была проста: в ARPANET было 455 хостов, и ситуация выходила из-под контроля.

Эта проблема возникла сейчас, потому что ARPANET была на грани перехода со своего первоначального протокола NCP на протокол TCP / IP, который поддерживает то, что мы теперь называем Интернетом. С этим переключателем внезапно возникнет множество взаимосвязанных сетей («Inter... net »), требующей более« иерархической »доменной системы, в которой ARPANET может разрешать свои собственные домены, в то время как другие сети разрешают свои.

У других сетей в то время были такие громкие имена, как «COMSAT», «CHAOSNET», «UCLNET» и «INTELPOSTNET», и они поддерживались группами университетов и компаний по всей территории США, которые хотели иметь возможность общаться и могли себе это позволить. арендовать 56 тыс. линий у телефонной компании и купить PDP-11, необходимые для маршрутизации.

В первоначальном дизайне ARPANET центральный сетевой информационный центр (NIC) отвечал за ведение файла со списком всех хостов в сети.Этот файл был известен как файл HOSTS.TXT , аналогичный файлу / etc / hosts в современных системах Linux или OS X. Каждое изменение сети потребовало бы подключения NIC к FTP (протокол, изобретенный в 1971 году) для каждого хоста в сети, что создавало значительную нагрузку на их инфраструктуру.

Разумеется, имея единый список файлов, каждый хост в Интернете не может масштабироваться бесконечно. Однако приоритетом была электронная почта, поскольку это была преобладающая проблема времени. Их окончательный вывод состоял в том, чтобы создать иерархическую систему, в которой вы могли бы запрашивать внешнюю систему только для домена или набора доменов, которые вам нужны.По их словам: «В этой области был сделан вывод о том, что текущий идентификатор почтового ящика« [электронная почта защищена] »должна быть расширена до« [защищенная электронная почта] », где« домен »может быть иерархией доменов». Так родился домен.

Важно развеять иллюзию, что эти решения были приняты с предвидением будущего доменного имени. Фактически, их избранное решение было принято в первую очередь потому, что оно было «наименее трудным для существующих систем.Например, одно предложение заключалось в том, чтобы адреса электронной почты имели вид <пользователь>. <Хост> @ <домен> . Если бы в имени пользователя электронной почты того дня еще не было символа «.», Вы могли бы написать мне письмо на адрес «[адрес электронной почты защищен]» сегодня.

Что такое Cloudflare?

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

Прочитать тематическое исследование Связаться с отделом продаж

UUCP и путь взрыва

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

- Дэвид Д. Кларк, 1982

Еще одно неудачное предложение заключалось в разделении компонентов домена восклицательным знаком (! ).Например, чтобы подключиться к хосту ISIA на ARPANET , вы должны подключиться к ! ARPA! ISIA . Затем вы можете запросить хосты с использованием подстановочных знаков, так что ! ARPA! * будет возвращаться вам через каждые хоста ARPANET .

Этот метод адресации не был сумасшедшим отклонением от стандарта, это была попытка сохранить его. Система разделенных восклицательными знаками хостов восходит к инструменту передачи данных под названием UUCP, созданному в 1976 году. Если вы читаете это на компьютере с OS X или Linux, вероятно, uucp все еще установлен и доступен на терминале.

ARPANET была представлена ​​в 1969 году и быстро стала мощным средством коммуникации ... среди горстки университетов и государственных учреждений, имевших доступ к ней. Интернет, каким мы его знаем, не станет общедоступным за пределами исследовательских институтов до 1991 года, двадцать один год спустя. Но это не означало, что пользователи компьютеров не общались.

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

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

sw-hosts! Digital-lobby! Zack

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

В то время как использование ARPANET было ограничено университетами высшего уровня, UUCP создал пиратский Интернет для всех нас. Он лег в основу как Usenet, так и системы BBS.

DNS

В конечном счете, система DNS, которую мы все еще используем сегодня, будет предложена в 1983 году. Если вы запустите DNS-запрос сегодня, например, с помощью инструмента dig , вы, скорее всего, увидите ответ, который выглядит следующим образом:

  ;; РАЗДЕЛ ОТВЕТА:
Google.com. 299 IN A 172.217.4.206
  

Это информирует нас о том, что google.com доступен по телефону 172.217.4.206 . Как вы, возможно, знаете, A сообщает нам, что это «адресная» запись, сопоставляющая домен с IPv4-адресом. 299 - это «время жизни», дающее нам знать, сколько еще секунд это значение будет действительным, прежде чем его следует запросить снова. Но что означает IN ?

IN означает «Интернет».Как и многое из этого, эта область восходит к той эпохе, когда существовало несколько конкурирующих компьютерных сетей, которым необходимо было взаимодействовать. Другими потенциальными значениями были CH для CHAOSNET или HS для Hesiod, который был службой имен системы Athena. CHAOSNET давно умер, но значительно усовершенствованная версия Athena все еще используется студентами Массачусетского технологического института по сей день. Вы можете найти список классов DNS на веб-сайте IANA, но неудивительно, что сегодня широко используется только одно потенциальное значение.

TLD

Создание каких-либо других TLD крайне маловероятно.

- Джон Постел, 1994

После того, как было решено, что доменные имена должны быть расположены иерархически, возникла необходимость решить, что находится в основе этой иерархии. Этот корень традиционно обозначается одним "." Фактически, завершение всех ваших доменных имен символом «.» Является семантически правильным и будет абсолютно работать в вашем веб-браузере: google.com.

Первый домен верхнего уровня - .arpa . Это позволило пользователям обращаться к своим старым традиционным именам хостов ARPANET во время перехода. Например, если моя машина была ранее зарегистрирована как hfnet , мой новый адрес будет hfnet.arpa . Это было временно, во время перехода администраторам серверов предстояло сделать очень важный выбор: какой из пяти TLD они возьмут на себя? «.Com», «.gov», «.org», «.edu» или «.mil».

Когда мы говорим, что DNS является иерархическим, мы имеем в виду, что существует набор корневых DNS-серверов, которые отвечают, например, за преобразование .com на серверы имен .com , которые, в свою очередь, ответят, как попасть на google.com . Корневая DNS-зона Интернета состоит из тринадцати кластеров DNS-серверов. Всего 13 кластеров серверов, потому что это все, что мы можем уместить в один UDP-пакет. Исторически DNS работает через UDP-пакеты, а это означает, что ответ на запрос никогда не может превышать 512 байт.

 ; Этот файл содержит информацию о корневых серверах имен, необходимую для
; инициализировать кеш серверов доменных имен в Интернете
; (е.грамм. ссылка на этот файл в «кеше».
; файл конфигурации серверов доменных имен BIND).
;
; Этот файл предоставлен InterNIC
; под анонимным FTP как
; файл /domain/ named.cache
; на сервере FTP.INTERNIC.NET
; -ИЛИ- RS.INTERNIC.NET
;
; последнее обновление: 23 марта 2016 г.
; связанная версия корневой зоны: 2016032301
;
; ранее NS.INTERNIC.NET
;
. 3600000 NS A.ROOT-СЕРВЕРОВ.СЕТЬ.
A.ROOT-SERVERS.NET. 3600000 А 198.41.0.4
A.ROOT-SERVERS.NET. 3600000 AAAA 2001: 503: ba3e :: 2: 30
;
; Раньше NS1.ISI.EDU
;
. 3600000 NS B.ROOT-SERVERS.NET.
B.ROOT-SERVERS.NET. 3600000 А 192.228.79.201
B.ROOT-SERVERS.NET. 3600000 AAAA 2001: 500: 84 :: b
;
; Раньше C.PSI.NET
;
. 3600000 NS C.ROOT-SERVERS.NET.
C.ROOT-SERVERS.NET. 3600000 А 192.33.4.12
C.ROOT-SERVERS.NET. 3600000 AAAA 2001: 500: 2 :: c
;
; БЫВШИЙ ТЕРП.UMD.EDU
;
. 3600000 NS D.ROOT-SERVERS.NET.
D.ROOT-SERVERS.NET. 3600000 А 199.7.91.13
D.ROOT-SERVERS.NET. 3600000 AAAA 2001: 500: 2d :: d
;
; БЫВШИЙ НС.НАСА.ГОВ
;
. 3600000 NS E.ROOT-SERVERS.NET.
E.ROOT-SERVERS.NET. 3600000 А 192.203.230.10
;
; Раньше NS.ISC.ORG
;
. 3600000 NS F.ROOT-SERVERS.NET.
F.ROOT-SERVERS.NET. 3600000 А 192.5.5.241
F.ROOT-SERVERS.NET.3600000 AAAA 2001: 500: 2f :: f
;
; Раньше NS.NIC.DDN.MIL
;
. 3600000 NS G.ROOT-SERVERS.NET.
G.ROOT-SERVERS.NET. 3600000 А 192.112.36.4
;
; Раньше AOS.ARL.ARMY.MIL
;
. 3600000 NS H.ROOT-SERVERS.NET.
H.ROOT-SERVERS.NET. 3600000 А 198.97.190.53
H.ROOT-SERVERS.NET. 3600000 AAAA 2001: 500: 1 :: 53
;
; БЫВШИЙ NIC.NORDU.NET
;
. 3600000 NS I.ROOT-SERVERS.NET.
I.ROOT-СЕРВЕРЫ.СЕТЬ. 3600000 А 192.36.148.17
I.ROOT-SERVERS.NET. 3600000 AAAA 2001: 7fe :: 53
;
; ИСПОЛЬЗУЕТСЯ КОМПАНИЕЙ VERISIGN, INC.
;
. 3600000 NS J.ROOT-SERVERS.NET.
J.ROOT-SERVERS.NET. 3600000 А 192.58.128.30
J.ROOT-SERVERS.NET. 3600000 AAAA 2001: 503: c27 :: 2: 30
;
; УПРАВЛЯЕТСЯ RIPE NCC
;
. 3600000 NS K.ROOT-SERVERS.NET.
K.ROOT-SERVERS.NET. 3600000 А 193.0.14.129
K.ROOT-SERVERS.NET. 3600000 AAAA 2001: 7fd :: 1
;
; ИСПОЛЬЗУЕТСЯ ICANN
;
.3600000 NS L.ROOT-SERVERS.NET.
L.ROOT-SERVERS.NET. 3600000 А 199.7.83.42
L.ROOT-SERVERS.NET. 3600000 AAAA 2001: 500: 9f :: 42
;
; ИСПОЛЬЗУЕТСЯ ШИРОКОЙ
;
. 3600000 NS M.ROOT-SERVERS.NET.
M.ROOT-SERVERS.NET. 3600000 А 202.12.27.33
M.ROOT-SERVERS.NET. 3600000 AAAA 2001: dc3 :: 35
; Конец файла
  

Корневые DNS-серверы работают в сейфах, в закрытых клетках. На сейфе установлены часы, чтобы убедиться, что камера не зацикливается.В частности, с учетом того, насколько медленным было внедрение DNSSEC, атака на один из этих серверов может позволить злоумышленнику перенаправить весь Интернет-трафик для части Интернет-пользователей. Это, конечно, делает самый фантастический фильм об ограблении, которого никогда не снимали.

Неудивительно, что серверы имен для TLD верхнего уровня на самом деле меняются не так часто. 98% запросов, которые получают корневые DNS-серверы, являются ошибочными, чаще всего из-за неисправных или «игрушечных» клиентов, которые неправильно кэшируют свои результаты.Это стало такой проблемой, что нескольким операторам корневых DNS пришлось развернуть специальные серверы, чтобы просто вернуть «уходите» всем людям, запрашивающим обратный поиск DNS по их локальным IP-адресам.

Серверы имен TLD администрируются различными компаниями и правительствами по всему миру (Verisign управляет .com ). При покупке домена .com около 0,18 доллара идет ICANN, а 7,85 доллара - Verisign.

Punycode

Редко в этом мире, когда глупое название, которое мы, разработчики, придумываем для нового проекта, превращается в окончательный, общедоступный продукт.Мы могли бы назвать базу данных компаний Делавэр (потому что именно там зарегистрированы все компании), но можете быть уверены, что к моменту выхода в производство это будет CompanyMetadataDatastore. Но редко, когда все звезды совпадают, а босс в отпуске, кто-то ускользает.

Punycode - это система, которую мы используем для кодирования Unicode в доменных именах. Проблема, которую он решает, проста: как написать 比薩 .com, когда вся интернет-система была построена на использовании алфавита ASCII, наиболее иностранным символом которого является тильда?

Переключить домен на использование Unicode - непросто.В исходных документах, регулирующих домены, указано, что они должны быть закодированы в ASCII. Каждое интернет-оборудование за последние сорок лет, включая маршрутизаторы Cisco и Juniper, которые использовались для доставки этой страницы, делают это предположение.

Сам Интернет никогда не был только ASCII. На самом деле изначально предполагалось, что речь идет о ISO 8859-1, который включает все символы ASCII, но добавляет дополнительный набор специальных символов, таких как ¼, и букв со специальными знаками, например ä. Однако он не содержит нелатинских символов.

Это ограничение на HTML было окончательно снято в 2007 году, и в том же году Unicode стал самым популярным набором символов в сети. Но домены по-прежнему ограничивались ASCII.

Как нетрудно догадаться, Punycode не был первым предложением решить эту проблему. Скорее всего, вы слышали о UTF-8, популярном способе кодирования Unicode в байты (8 - это восемь бит в байте). В 2000 году несколько членов Инженерной группы Интернета предложили UTF-5.Идея заключалась в том, чтобы кодировать Unicode в пятибитные блоки. Затем вы можете сопоставить каждые пять битов разрешенный символ (A-V и 0-9) в доменных именах. Так что, если бы у меня был веб-сайт для изучения японского языка, мой сайт 日本語 .com превратился бы в загадочный Mve5M72COA9E.com.

Этот метод кодирования имеет ряд недостатков. Во-первых, в выходной кодировке используются A-V и 0-9, а это означает, что если вы действительно хотите включить один из этих символов в свой домен, он должен быть закодирован, как и все остальное.Это сделано для некоторых очень длинных доменов, что является серьезной проблемой, когда каждый сегмент домена ограничен 63 символами. Домен на мьянманском языке может содержать не более 15 символов. Предложение действительно делает очень интересное предложение использовать UTF-5, чтобы разрешить передачу Unicode с помощью кода Морзе и телеграммы.

Был также вопрос о том, как сообщить клиентам, что этот домен был закодирован, чтобы они могли отображать их в соответствующих символах Unicode, а не отображать M PHPVEDM72COA9E.com в моей адресной строке. Было несколько предложений, одно из которых заключалось в использовании неиспользуемого бита в ответе DNS. Это был «последний неиспользуемый бит в заголовке», и специалисты DNS «очень не решались отказаться от него».

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

Окончательный вывод, сделанный в 2003 году, состоял в том, чтобы принять формат под названием Punycode, который включал форму дельта-сжатия, которая могла бы значительно сократить закодированные доменные имена. Дельта-сжатие - особенно хорошая идея, потому что есть вероятность, что все символы в вашем домене находятся в одной и той же общей области в Unicode. Например, два персонажа на фарси будут гораздо ближе друг к другу, чем персонаж на фарси и еще один на хинди. Чтобы привести пример того, как это работает, возьмем бессмысленную фразу:

يذؽ

В несжатом формате это будет сохранено как три символа [1620, 1584, 1597] (на основе их кодовых точек Unicode).Чтобы сжать это, мы сначала сортируем его численно (отслеживая, где были исходные символы): [1584, 1597, 1620] . Затем мы можем сохранить наименьшее значение ( 1584 ) и дельту между этим значением и следующим символом ( 13 ) и снова для следующего символа ( 23 ), что значительно меньше для передачи и хранения.

Затем

Punycode (очень) эффективно кодирует эти целые числа в символы, разрешенные в доменных именах, и вставляет xn - в начало, чтобы потребители знали, что это закодированный домен.Вы заметите, что все символы Юникода объединяются в конце домена. Они не просто кодируют свое значение, они также кодируют место, где они должны быть вставлены в ASCII-часть домена. В качестве примера: веб-сайт 熱狗 sales.com становится xn--sales-r65lm0e.com . Каждый раз, когда вы вводите имя домена на основе Unicode в адресную строку браузера, оно кодируется таким образом.

Это преобразование может быть прозрачным, но оно создает серьезную проблему безопасности.Все виды символов Unicode печатаются идентично существующим символам ASCII. Например, вы, скорее всего, не заметите разницы между кириллической строчной буквой а («а») и латинской строчной буквой а («а»). Если я зарегистрирую кириллический аmazon.com (xn--mazon-3ve.com) и смогу обманом заставить вас посетить его, будет сложно понять, что вы зашли не на тот сайт. По этой причине, когда вы посещаете 🍕💩.ws, ваш браузер несколько неуклюже показывает вам xn--vi8hiv.ws в адресной строке.

Протокол

Первая часть URL-адреса - это протокол, который следует использовать для доступа к нему.Самый распространенный протокол - http , простой протокол передачи документов, изобретенный Тимом Бернерсом-Ли специально для работы в сети. Это был не единственный вариант. Некоторые люди считали, что нам нужно просто использовать Gopher. Gopher не является универсальным, он специально разработан для отправки структурированных данных, аналогичных структуре файлового дерева.

Например, если вы запросите конечную точку / Cars , она может вернуть:

  1Chevy Camaro / Архивы / автомобили / cc gopher.cars.com 70
iThe Camaro - классическая подделка (NULL) 0
iAmerican Muscle Car подделка (NULL) 0
1Ferrari 451 / Информационный бюллетень / ferrari / 451 gopher.ferrari.net 70
  

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

Первым популярным протоколом был FTP, который был создан в 1971 году как способ просмотра и загрузки файлов на удаленные компьютеры.Gopher был логическим продолжением этого, поскольку он предоставил аналогичный список, но также включал средства для чтения метаданных о записях. Это означало, что его можно было использовать для более либеральных целей, таких как лента новостей или простая база данных. Однако в нем не было той свободы и простоты, которые характерны для HTTP и HTML.

HTTP - очень простой протокол, особенно по сравнению с такими альтернативами, как FTP или даже протокол HTTP / 3, популярность которого сегодня растет. Во-первых, HTTP полностью основан на тексте, а не состоит из специальных двоичных заклинаний (что сделало бы его значительно более эффективным).Тим Бернерс-Ли правильно понял, что использование текстового формата облегчит поколениям программистов разработку и отладку приложений на основе HTTP.

HTTP также почти не делает предположений о том, что вы передаете. Несмотря на то, что он был изобретен явно для сопровождения языка HTML, он позволяет вам указывать, что ваш контент относится к любому типу (используя MIME Content-Type , который был новым изобретением в то время). Сам протокол довольно прост:

Запрос:

  GET / index.html HTTP / 1.1
Хост: www.example.com
  

Могу ответить:

  HTTP / 1.1 200 ОК
Дата: Пн, 23 мая 2005 г., 22:38:34 GMT
Тип содержимого: текст / html; charset = UTF-8
Кодирование содержимого: UTF-8
Длина содержимого: 138
Последнее изменение: среда, 8 января 2003 г., 23:11:55 GMT
Сервер: Apache / 1.3.3.7 (Unix) (Red-Hat / Linux)
ETag: "3f80f-1b6-3e1cb03b"
Accept-Ranges: байты
Подключение: закрыть


    
         Пример страницы 
    
    
        Привет, мир, это очень простой HTML-документ.

  

Чтобы поместить это в контекст, вы можете думать о сетевой системе, которую использует Интернет, как о начинающейся с IP, Интернет-протокола. IP отвечает за передачу небольшого пакета данных (около 1500 байт) с одного компьютера на другой. Вдобавок к этому у нас есть TCP, который отвечает за получение больших блоков данных, таких как целые документы и файлы, и надежную отправку их через множество IP-пакетов. Вдобавок к этому мы затем реализуем протокол, такой как HTTP или FTP, который определяет, какой формат следует использовать для передачи данных через TCP (или UDP и т. Д.).) понятно и содержательно.

Другими словами, TCP / IP отправляет целую кучу байтов на другой компьютер, протокол говорит, какими должны быть эти байты и что они означают.

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

Есть, конечно, много менее важных протоколов, с которыми можно поиграть.Например, есть протокол Quote of The Day (порт 17) и протокол случайных символов (порт 19). Сегодня они могут показаться глупыми, но они также демонстрируют, насколько важным был универсальный формат передачи документов, такой как HTTP.

Порт

Временная шкала Gopher и HTTP может быть подтверждена номерами портов по умолчанию. Gopher - 70, HTTP 80. Порт HTTP был назначен (вероятно, Джоном Постелом из IANA) по запросу Тима Бернерса-Ли где-то между 1990 и 1992 годами.

Эта концепция регистрации «номеров портов» появилась еще до Интернета. В исходном протоколе NCP, который питал сеть ARPANET, удаленные адреса определялись 40 битами. Первые 32 определили удаленный хост, аналогично тому, как сегодня работает IP-адрес. Последние восемь были известны как AEN (это означает «Еще один восьмибитный номер») и использовались удаленной машиной так же, как мы используем номер порта, для разделения сообщений, предназначенных для разных процессов. Другими словами, адрес указывает, на какую машину должно быть отправлено сообщение, а AEN (или номер порта) сообщает этой удаленной машине, какое приложение должно получить сообщение.

Они быстро попросили пользователей зарегистрировать эти «номера сокетов», чтобы ограничить потенциальные конфликты. Когда номера портов были расширены до 16 бит с помощью TCP / IP, процесс регистрации был продолжен.

Хотя протоколы имеют порт по умолчанию, имеет смысл разрешить также указывать порты вручную, чтобы разрешить локальную разработку и размещение нескольких служб на одном компьютере. Та же самая логика была основой для префикса веб-сайтов с www. . В то время маловероятно, что кто-то получил доступ к корневому каталогу своего домена только для размещения «экспериментального» веб-сайта.Но если вы дадите пользователям имя хоста вашей конкретной машины ( dx3.cern.ch ), у вас возникнут проблемы, когда вам потребуется заменить эту машину. Используя общий поддомен ( www.cern.ch ), вы можете при необходимости изменить то, на что он указывает.

Бит между

Как вы, наверное, знаете, синтаксис URL помещает двойную косую черту ( // ) между протоколом и остальной частью URL:

  http://cloudflare.com
  

Эта двойная косая черта была унаследована от компьютерной системы Apollo, которая была одной из первых сетевых рабочих станций.У команды Apollo была аналогичная проблема с Тимом Бернерсом-Ли: им нужен был способ отделить путь от машины, на которой он находится. Их решение заключалось в создании специального формата пути:

  // имя компьютера / файл / путь / как / обычно
  

И TBL скопировал эту схему. Кстати, теперь он сожалеет об этом решении, желая, чтобы домен (в данном случае example.com ) был первой частью пути:

  http: com / example / foo / bar / baz
  

URL никогда не предназначались для того, чем они стали: это тайный способ для пользователя идентифицировать сайт в Интернете.К сожалению, нам так и не удалось стандартизировать URN, что дало бы нам более удобную систему именования. Утверждать, что существующей системы URL-адресов достаточно, все равно что хвалить командную строку DOS и заявлять, что большинству людей следует просто научиться использовать синтаксис командной строки. Причина, по которой у нас есть оконные системы, состоит в том, чтобы упростить использование компьютеров и сделать их более широко используемыми. То же самое мышление должно привести нас к лучшему способу поиска определенных сайтов в сети.

- Дейл Догерти 1996

Есть несколько разных способов понять «Интернет».Один из них - это система компьютеров, соединенных компьютерной сетью. Эта версия Интернета появилась в 1969 году с созданием ARPANET. Почта, файлы и чат перемещались по этой сети до создания HTTP, HTML или «веб-браузера».

В 1992 году Тим Бернерс-Ли создал три вещи, породив то, что мы считаем Интернетом. Протокол HTTP, HTML и URL-адрес. Его целью было воплотить в жизнь «гипертекст». Гипертекст в самом простом виде - это возможность создавать документы, которые связаны друг с другом.В то время это больше рассматривалось как панацея от научной фантастики, которую нужно было дополнять Hypermedia и любым другим словом, перед которым можно было добавить слово «Hyper».

Ключевым требованием гипертекста была возможность связывать один документ с другим. Однако во времена TBL эти документы были размещены во множестве форматов и доступны через такие протоколы, как Gopher и FTP. Ему нужен был последовательный способ обращения к файлу, в котором закодирован его протокол, его хост в Интернете и его местонахождение на этом хосте.

На первоначальной презентации во всемирной паутине в марте 1992 г. TBL описал его как «универсальный идентификатор документа» (UDI). Для этого идентификатора было рассмотрено множество различных форматов:

  протокол: aftp host: xxx.yyy.edu путь: / pub / doc / README
 
PR = aftp; H = xx.yy.edu; PA = / pub / doc / README;
 
PR: aftp / xx.yy.edu / pub / doc / README
 
/aftp/xx.yy.edu/pub/doc/README
  

В этом документе также объясняется, почему в URL-адресах необходимо кодировать пробелы (% 20):

> В UDI избегается использование символов пробела: пробелы
> не законные персонажи.Это было сделано из-за частого
> введение посторонних пробелов при переносе строк
> системы, такие как почта, или явная необходимость узкой ширины столбца, и
> из-за взаимного преобразования различных форм белого пространства
> который происходит во время преобразования кода символа и передачи
> текст между приложениями.
 

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

Впервые он был официально определен в RFC, опубликованном в 1994 году.

  схема: [// [пользователь: [электронная почта защищена]] хост [: порт]] [/] путь [? Запрос] [# фрагмент]
  

Эта система позволяла обращаться к различным системам изнутри гипертекста, но теперь, когда практически весь контент размещается через HTTP, может быть больше не так необходимо. Еще в 1996 году браузеры уже вставляли http: // и www. для пользователей автоматически (делая любую рекламу, которая все еще содержит их, поистине смешной).

Путь

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

- Израиль дель Рио 1996

Компонент пути, разделенный косой чертой, в URL-адресе должен быть знаком любому пользователю любого компьютера, созданного за последние пятьдесят лет. Сама иерархическая файловая система была представлена ​​системой MULTICS.Его создатель, в свою очередь, связывает это с двухчасовым разговором с Альбертом Эйнштейном, который он имел в 1952 году.

MULTICS использовал символ «больше» (> ) для разделения компонентов пути к файлам. Например:

 > usr> bin> локальный> awk
  

Это было совершенно логично, но, к сожалению, разработчики Unix решили использовать > для представления перенаправления, делегируя разделение путей на косую черту (/).

Snapchat Верховный суд

Неправильно.Мы теперь ясно видим * несогласие *. Вы и я.

...

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

- Тим Бернерс-Ли 1993

Половина URL-адресов, на которые ссылаются заключения Верховного суда США, указывают на страницы, которые больше не существуют.Если вы читали научную статью в 2011 году, написанную в 2001 году, у вас есть более чем четные шансы, что любой данный URL не будет действительным.

В 1993 году существовала горячая вера в то, что URL-адрес умрет в пользу «URN». Унифицированное имя ресурса - это постоянная ссылка на заданный фрагмент контента, который, в отличие от URL-адреса, никогда не изменится или не сломается. Тим Бернерс-Ли впервые описал «острую потребность» в них еще в 1991 году.

Самый простой способ создать URN - просто использовать криптографический хэш содержимого страницы, например: urn: 791f0de3cfffc6ec7a0aacda2b147839 .Однако этот метод не соответствует критериям веб-сообщества, так как было невозможно понять, кого просить превратить этот хеш в настоящий контент. Также не учитывались изменения формата, которые часто случаются с файлами (например, сжатыми или несжатыми), которые, тем не менее, представляют собой одно и то же содержимое.

В 1996 году Кейт Шафер и несколько других предложили решение проблемы неработающих URL-адресов. Ссылка на это решение сейчас не работает. Рой Филдинг опубликовал предложение по реализации в июле 1995 года.Эта ссылка теперь не работает.

Мне удалось найти эти страницы через Google, который функционально сделал заголовки страниц URN сегодня. Формат URN был окончательно доработан в 1997 году и с тех пор практически никогда не использовался. Сама реализация интересная. Каждый URN состоит из двух компонентов: центра , который может разрешить данный тип URN, и конкретного идентификатора этого документа в том формате, который понимает орган . Например, urn: isbn: 0131103628 идентифицирует книгу, образуя постоянную ссылку, которая (надеюсь) может быть преобразована в набор URL-адресов вашим локальным преобразователем isbn .

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

  


  

Параметры запроса

Формат «application / x-www-form-urlencoded» во многих отношениях является чудовищным отклонением от нормы, результатом многих лет случайностей и компромиссов при реализации, приводящих к набору требований, необходимых для взаимодействия, но никоим образом не представляющих хороший дизайн. практики.

- WhatWG URL Spec

Если вы какое-то время пользовались Интернетом, вы знакомы с параметрами запроса. Они следуют части пути URL-адреса и кодируют такие параметры, как ? Name = zack & state = mi . Вам может показаться странным, что в запросах используется символ амперсанда ( и ), который является тем же символом, который используется в HTML для кодирования специальных символов. Фактически, если вы использовали HTML в течение какого-то периода времени, вам, вероятно, приходилось кодировать амперсанды в URL-адресах, превращая http: // host /? X = 1 & y = 2 в http: // host /? X = 1 & amp; y = 2 или http: // host? X = 1 & # 38; y = 2 (эта конкретная путаница существовала всегда).

Вы также могли заметить, что файлы cookie имеют похожий, но другой формат: x = 1; y = 2 , который на самом деле вообще не конфликтует с кодировкой символов HTML. Эта идея не была потеряна для W3C, который призвал разработчиков поддерживать ; , а также и в параметрах запроса еще в 1995 году.

Первоначально этот раздел URL-адреса использовался строго для поиска «индексов». Первоначально Интернет был создан (и его финансирование было основано на его создании) как метод сотрудничества для физиков высоких энергий.Это не значит, что Тим Бернерс-Ли не знал, что он действительно создает универсальный инструмент коммуникации. Он не добавлял поддержку таблиц в течение многих лет, что, вероятно, было бы необходимо физикам.

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

Этот запрос был отформатирован как ключевые слова, разделенные знаками плюс ( + ):

  http: // cernvm / FIND /? Sgml + cms
  

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

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

  http: //somehost.somewhere/some/path? X = xxxx + y = yyyy + z = zzzz
  

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

   поиск 
  

Тим Бернерс-Ли подумал, что у нас должен быть способ определения строго типизированных запросов:

  
  

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

Настоящая работа над началась в январе 1993 года на основе более старого типа SGML. Было (возможно, к сожалению) решено, что <выбор> элемент 1 <выбор> элемент 2 <выбор> пункт 3

Если вам интересно, повторное использование

  • вместо введения элемента было абсолютно рассмотрено.Конечно, были предложения по альтернативным формам. Один из них включал переменную замену, напоминающую о том, что Angular может сделать сегодня:

       Подсказка 
     Подсказка 
    <ВЫБОР ПО УМОЛЧАНИЮ = переменная по умолчанию = lval>
        <АЛЬТЕРНАТИВНОЕ ЗНАЧЕНИЕ = значение1> Приглашение1 ...
         Promptn
    
      

    В этом примере входные данные проверяются на соответствие типу, указанному в type , и значения VAR доступны на странице для использования при подстановке строк в URL-адресах, а-ля:

      http: // cloudflare.com / apps / $ appId
      

    Дополнительные предложения фактически использовали @ , а не = , для разделения компонентов запроса:

      [защита электронной почты] [защита электронной почты] (значение и значение)
      

    Именно Марк Андреессен предложил наш текущий метод, основанный на том, что он уже реализовал в Mosaic:

      имя = значение & имя = значение & имя = значение
      

    Всего через два месяца Mosaic добавила поддержку форм method = POST , и родились «современные» формы HTML.

    Конечно, компания Netscape Марка Андреессена также создала формат cookie (с использованием другого разделителя). Их предложение само по себе было болезненно недальновидным, привело к попытке ввести заголовок Set-Cookie2 и внесло фундаментальные структурные проблемы, с которыми мы все еще сталкиваемся в Cloudflare по сей день.

    Фрагменты

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

       
      

    Могу на него ссылку:

      http://zack.is/#bio
      

    Эта концепция была постепенно распространена на любой элемент (а не только на якоря) и перенесена на атрибут id , а не на name :

       

    Биография

    Тим Бернерс-Ли решил использовать этого персонажа, поскольку он связан с адресами в США (несмотря на то, что он британец по происхождению).По его словам:

    По крайней мере, на обычном почтовом адресе в США использовать цифровой знак для номера квартиры или люкса номер в здании. Итак, 12 Acacia Av # 12 означает « здание на проспекте Акация, 12, а затем в нем известный под номером 12 ”. Это казалось естественным персонажем за задачу. Теперь http://www.example.com/foo#bar означает «На ресурсе http://www.example.com/foo особый вид на него, известный как бар ».

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

    Фрагменты явно не включаются в HTTP-запросы, то есть они живут только внутри браузера. Эта концепция оказалась очень ценной, когда пришло время реализовать клиентскую навигацию (до того, как был представлен pushState). Фрагменты также были очень ценными, когда пришло время подумать о том, как мы можем сохранять состояние в URL-адресах, не отправляя его на сервер. Что это могло значить? Давайте исследуем:

    Кротовые холмы и горы

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

    - Тим Бернерс-Ли 1993

    Существует распространенное мнение, что органы по стандартизации Интернета мало что сделали с момента завершения разработки HTTP 1.1 и HTML 4.01 в 2002 году до того момента, когда HTML 5 действительно пошел по правильному пути. Этот период также известен (только мне) как Темный век XHTML. Правда в том, что специалисты по стандартизации были фантастически заняты . Они просто делали вещи, которые в конечном итоге не оказывались столь ценными.

    Одной из таких попыток была Семантическая сеть. Мечта заключалась в создании структуры описания ресурсов (примечание редакции: бегите от любой команды, которая стремится создать структуру), которая позволила бы универсально выражать метаданные о контенте. Например, вместо того, чтобы создавать красивую веб-страницу о моем Corvette Stingray, я мог бы создать документ RDF, описывающий его размер, цвет и количество штрафов за превышение скорости, которые я получил во время вождения.

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

    Однако он предоставил мощную среду для философских споров. Один из лучших таких аргументов длился не менее десяти лет и был известен под искусным кодовым названием httpRange-14.

    httpRange-14 пытался ответить на фундаментальный вопрос о том, что такое URL. Всегда ли URL-адрес относится к документу или может ссылаться на что-нибудь? Могу ли я получить URL-адрес, указывающий на мою машину?

    Они не пытались дать удовлетворительный ответ на этот вопрос.Вместо этого они сосредоточились на том, как и когда мы можем использовать переадресацию 303, чтобы направлять пользователей со ссылок, которые не являются документами, на те, которые есть, и когда мы можем использовать фрагменты URL (бит после «#»), чтобы указывать пользователям на связанные данные.

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

    Эта конкретная тема обсуждалась 1 июля 2002 г., 15 июля 2002 г., 22 июля 2002 г., 29 июля 2002 г., 16 сентября 2002 г. и по крайней мере еще 20 раз в течение 2005 г.Он был решен великой «резолюцией httpRange-14» 2005 года, затем снова был открыт жалобами в 2007 и 2011 годах и призывом к новым решениям в 2012 году. Этот вопрос активно обсуждался педантичной веб-группой, название которой очень удачно. Единственное, чего не произошло, - это размещение большого количества семантических данных в сети за любыми URL-адресами.

    Auth

    Как вы, возможно, знаете, вы можете указать имя пользователя и пароль в URL-адресах:

      http: // zack: [адрес электронной почты защищен]
      

    Затем браузер кодирует эти данные аутентификации в Base64 и отправляет их в виде заголовка:

      Аутентификация: Базовая emFjazpzaGhoaGho
      

    Единственная причина использования кодировки Base64 состоит в том, чтобы разрешить символы, которые могут быть недопустимыми в заголовке, она не скрывает значения имени пользователя и пароля.

    Это было очень проблематично, особенно в Интернете до SSL. Любой, кто мог отслеживать ваше соединение, мог легко увидеть ваш пароль. Было предложено множество альтернатив, включая Kerberos, который является широко используемым протоколом безопасности как тогда, так и сейчас.

    Однако, как и в случае со многими из этих примеров, простое предложение базовой аутентификации было самым простым для реализации производителями браузеров (Mosaic). Это сделало его первым и, в конечном итоге, единственным решением до тех пор, пока разработчикам не были предоставлены инструменты для создания собственных систем аутентификации.

    Веб-приложение

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

    Это было адаптировано из сообщения, первоначально появившегося в блоге Eager. В 2016 году Eager станет Cloudflare Apps.

    Что такое Cloudflare?

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

    Прочитать тематическое исследование Связаться с отделом продаж

    Gatsby Link API | Gatsby

    Для внутренней навигации Gatsby включает встроенный компонент для создания ссылок между внутренними страницами, а также функцию navigate для программной навигации.

    Компонент представляет собой оболочку для компонента Link @reach / router, который добавляет полезные усовершенствования, характерные для Gatsby. Все реквизиты передаются компоненту Link @reach / router.

    управляет быстрой навигацией по страницам Gatsby

    Компонент управляет мощной функцией производительности, называемой предварительной загрузкой. Предварительная загрузка используется для предварительной выборки ресурсов страницы, чтобы ресурсы были доступны к моменту перехода пользователя на страницу. Мы используем API Intersection Observer браузера, чтобы наблюдать, когда компонент входит в область просмотра пользователя, а затем запускать низкоприоритетный запрос ресурсов связанной страницы.Затем, когда пользователь наводит указатель мыши на ссылку и запускается событие onMouseOver , мы обновляем выборки до высокого приоритета.

    Эта двухэтапная предварительная загрузка помогает гарантировать, что страница будет готова к визуализации, как только пользователь щелкнет для перехода.

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

    Как использовать Gatsby Link

    Видео размещено на egghead.io .

    Замените теги

    a на теги Link для локальных ссылок

    В любой ситуации, когда вы хотите связать страницы на одном сайте, используйте компонент Link вместо тега a . Эти два элемента работают практически одинаково, за исключением того, что href теперь составляет от до .

    Полный пример:

    Добавить пользовательские стили для текущей активной ссылки

    Видео размещено на egghead.io .

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

    Ссылка предоставляет два варианта добавления стилей к активной ссылке:

    • activeStyle - объект стиля, который будет применяться только тогда, когда текущий элемент активен
    • activeClassName - имя класса, которое будет только добавлен к Link , когда текущий элемент активен

    Например, чтобы сделать активную ссылку красной, допустим любой из следующих подходов:

    Используйте

    getProps для расширенного стиля ссылки

    Gatsby's Компонент поставляется с опорой getProps , которая может быть полезна для расширенного моделирования.Он передает вам объект со следующими свойствами:

    • isCurrent - истина, если location.pathname точно такое же, как свойство компонента
    • isParhibitedCurrent - истина, если location.pathname начинается с компонента prop
    • href - значение prop
    • расположение - расположение страницы объект

    Вы можете читать больше об этом в документации @reach / router .

    Показать активные стили для частично совпадающих и родительских ссылок

    По умолчанию свойства activeStyle и activeClassName будут установлены для компонента только в том случае, если текущий URL-адрес совпадает с его prop точно . Иногда вам может потребоваться стилизовать как активный, даже если он частично совпадает с текущим URL. Например:

    • Вы можете захотеть, чтобы / blog / hello-world соответствовал
    • или / gatsby-link / # pass-state-through-link-and- перейдите к , чтобы соответствовать

    В таких случаях просто добавьте опору partialActive к вашему компоненту , и стиль также будет применен, даже если - - это только частичное совпадение:

    Примечание: Доступно в Gatsby V2.1.31, если у вас возникли проблемы, проверьте свою версию и / или обновление.

    Передать состояние в качестве реквизита на связанную страницу

    Видео размещено на egghead.io .

    Иногда вам нужно передать данные с исходной страницы на связанную страницу. Вы можете сделать это, передав свойство state в компонент Link или при вызове функции navigate . На связанной странице будет location prop, содержащий вложенную структуру объекта state , содержащую переданные данные.

    Заменить историю, чтобы изменить поведение кнопки «назад»

    Видео размещено на egghead.io .

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

    В этих случаях используйте опору replace , чтобы заменить текущий URL в истории на цель Link .

    Как использовать вспомогательную функцию

    navigate

    Видео размещено на egghead.io .

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

    Примечание: navigate ранее назывался navigateTo . navigateTo устарел в Gatsby v2 и будет удален в следующем основном выпуске.

    Вместо этого Гэтсби экспортирует вспомогательную функцию navigate , которая принимает аргументы и опций .

    Аргумент Обязательно Описание
    от до да Страница для перехода (например, / blog / ). Примечание: это должен быть путь, а не полный URL.
    options.state no Объект. Переданные здесь значения будут доступны в location.state в реквизитах целевой страницы.
    варианта.заменить нет Логическое значение. Если true, заменяет текущий URL в истории.

    По умолчанию Navigate работает так же, как компонент Link , на который был выполнен щелчок.

    Добавить состояние в программную навигацию

    Чтобы включить информацию о состоянии, добавьте объект options и включите state prop с желаемым состоянием.

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

    Заменить историю во время программной навигации

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

    Добавьте префикс пути к путям, используя

    withPrefix

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

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

    Напоминание: используйте

    только для внутренних ссылок!

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

    Иногда вы не знаете заранее, будет ли ссылка внутренней или нет, например, когда данные поступают из CMS. В этих случаях может оказаться полезным создать компонент, проверяющий link и отображает либо с помощью Gatsby's , либо с помощью обычного тега соответственно.

    Поскольку решение о том, является ли ссылка внутренней или нет, зависит от сайта в вопрос, вам может потребоваться настроить эвристику для вашей среды, но Следующее может быть хорошей отправной точкой:

    Относительные ссылки

    Компонент следует поведению @reach / router, игнорируя завершающие косые черты и обрабатывая каждую страницу как каталог при разрешении относительных ссылок.Например, если вы находитесь на / blog / my-great-page или / blog / my-great-page / (обратите внимание на косую черту в конце), вы перейдете по ссылке ../second-page . на / блог / вторая страница .

    Загрузки файлов

    Вы можете аналогичным образом проверить загрузку файлов:

    Рекомендации по программной навигации в приложении

    Ни , ни navigate нельзя использовать для навигации по маршруту с хешем или параметром запроса .Если вам нужно такое поведение, вы должны либо использовать тег привязки, либо импортировать пакет @reach / router , от которого уже зависит Gatsby, чтобы использовать его функцию navigate , например:

    Обработка устаревших данных на стороне клиента pages

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

    Для предотвращения этого устаревания Гэтсби запрашивает дополнительный ресурс при каждой новой загрузке страницы: app-data.json . Он содержит хэш, сгенерированный при создании сайта; если что-либо в каталоге src изменится, хеш изменится. Если во время загрузки страницы Гэтсби видит в app-data.json хэш, отличный от хеша, который он изначально получил при первой загрузке сайта, браузер будет перемещаться с использованием window.location . Браузер загружает новую страницу и запускается заново, поэтому все кэшированные ресурсы теряются.

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

    Примечание: Любое состояние будет потеряно во время перехода window.location . Это может иметь влияние, если полагаться на управление состоянием, например состояние отслеживания в wrapPageElement или через библиотеку, такую ​​как Redux.

    Дополнительные ресурсы

    Как очистить историю своего интернет-браузера?

    Обновлено: 01.02.2021, Computer Hope

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

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

    Примечание

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

    Microsoft Edge

    Microsoft Edge - браузер по умолчанию, который поставляется с Windows 10. Он заменил то, что Microsoft теперь называет «Edge Legacy» в январе 2020 года.

    Просмотреть историю Edge

    1. Откройте браузер Microsoft Edge.
    2. Щелкните значок Настройки и прочее в правом верхнем углу окна браузера.
    3. В раскрывающемся меню выберите История .

    1. Выберите Управление историей в боковом меню.

    Кончик Пользователи

    Microsoft Edge также могут использовать комбинацию клавиш Ctrl + H , чтобы открывать и просматривать историю просмотров.

    Очистить историю краев

    1. Откройте браузер Microsoft Edge.
    2. Щелкните значок Настройки и прочее в правом верхнем углу окна браузера.
    3. В раскрывающемся меню внизу выберите Настройки .

    1. В разделе Настройки слева щелкните Конфиденциальность, поиск и услуги .

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

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

    Устаревшая версия Microsoft Edge

    Microsoft Edge Legacy был браузером по умолчанию в Windows 10, заменив Internet Explorer на новых компьютерах. Однако в январе 2020 года его заменила новая версия Edge.

    Просмотр истории просмотров Edge Legacy

    В окне браузера Microsoft Edge Legacy откройте меню истории с помощью сочетания клавиш Ctrl + H .Вы также можете получить доступ к этому меню, выполнив следующие действия:

    1. Нажмите кнопку Hub в правом верхнем углу окна.
    2. Щелкните значок История , чтобы открыть меню истории.

    Это меню позволяет просматривать страницы, которые вы посетили, в хронологическом порядке.

    Очистить историю просмотров Edge Legacy

    1. Откройте меню истории, как описано выше.
    2. Щелкните Очистить историю .
    3. Установите флажок рядом с каждым типом данных, которые нужно удалить. История просмотров - это первый элемент в списке, поэтому убедитесь, что он отмечен.
    4. Щелкните Показать еще для дополнительных параметров. Выберите все, что вы хотите очистить.
    5. Щелкните Очистить , чтобы стереть выбранные данные.
    6. Если вы хотите, чтобы выбранные элементы очищались автоматически при закрытии браузера, установите Всегда очищать при закрытии браузера с на В .
    7. Когда вы закончите, нажмите кнопку Hub .

    Mozilla Firefox

    Есть несколько способов просмотра и редактирования вашей истории в Firefox.

    Просмотр истории просмотров в Firefox

    1. Если у вас нет настраиваемой домашней страницы, вы можете нажать кнопку просмотра истории, сохраненных закладок и др. в любом окне просмотра. Вы также можете нажать Ctrl + H .

    1. Или вы всегда можете просмотреть историю просмотров на боковой панели История .Откройте его, нажав Alt , чтобы отобразить строку меню, затем выберите View Sidebar History .

    1. Вы также можете открыть историю просмотров в библиотеке Firefox. Чтобы открыть это представление, нажмите Alt , чтобы отобразить строку меню, затем выберите History Show All History . Сочетание клавиш для этого представления - Ctrl + Shift + H . При просмотре истории здесь вы можете выделить отдельные страницы в своей истории и нажать Del , чтобы удалить их.Щелкните правой кнопкой мыши любой элемент, чтобы просмотреть дополнительные параметры.

    Очистите историю просмотров в Firefox

    1. Щелкните кнопку меню гамбургера.
    2. Выберите Параметры .
    3. Щелкните параметр Конфиденциальность и безопасность на левой панели навигации.
    4. В разделе История нажмите кнопку Очистить историю .
    5. В окне Очистить недавнюю историю измените временной диапазон , чтобы очистить параметр на желаемый временной интервал.
    6. Нажмите кнопку Очистить сейчас , чтобы очистить данные истории просмотров за выбранный период времени.

    Вы также можете получить доступ к этому меню с помощью сочетания клавиш Ctrl + Shift + Del .

    Google Chrome

    Просмотр истории просмотров в Chrome

    1. В любом окне Chrome используйте сочетание клавиш Ctrl + H или перейдите по URL-адресу chrome: // history .

    1. Или нажмите кнопку Меню , которая находится в правом верхнем углу окна браузера, и выберите История , затем снова История .

    Очистить историю просмотров в Chrome

    1. Нажмите кнопку Меню , выберите Дополнительные инструменты , а затем Очистить данные просмотра . Или используйте сочетание клавиш Ctrl + Shift + Del .

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

    Когда вы будете готовы очистить историю, нажмите Очистить данные .

    Google Chrome на телефоне или планшете Android

    Просмотр и удаление истории

    1. Откройте браузер Google Chrome на телефоне или планшете Android.
    2. Нажмите значок меню Еще в правом верхнем углу экрана рядом с адресной строкой.
    3. В раскрывающемся меню нажмите История .
    4. Нажмите Очистить данные просмотра ... внизу экрана.
    5. Установите соответствующие флажки.
    6. Нажмите кнопку Очистить данные просмотра .

    Google Chrome на iPhone или iPad

    1. Откройте браузер Google Chrome на своем iPhone или iPad.
    2. Нажмите значок меню Еще в правом верхнем углу экрана рядом с адресной строкой.
    3. В раскрывающемся меню нажмите История .
    4. Нажмите Очистить данные просмотра ... внизу экрана.
    5. Установите соответствующие флажки.
    6. Нажмите кнопку Очистить данные просмотра .

    Опера

    Браузер Opera имеет очень простой интерфейс для просмотра и редактирования вашей истории.

    Просмотр истории просмотров в Opera

    В окне браузера Opera нажмите кнопку меню Opera в верхнем левом углу окна и выберите History , чтобы открыть вкладку History.Или используйте сочетание клавиш Ctrl + H .

    Очистить историю просмотров в Opera

    1. Откройте вкладку История, как описано выше, и нажмите Очистить данные просмотра ...
    2. В Стереть следующие элементы из раскрывающегося меню выберите, как далеко назад вы хотите очистить свою историю. Чтобы очистить все, выберите начало времени .
    3. Установите флажки рядом с конкретными типами истории, которые нужно очистить.
    4. Щелкните Очистить данные просмотра .

    Safari

    Safari - это веб-браузер по умолчанию в операционных системах Apple macOS и iOS. Хотя ранее он был доступен для Microsoft Windows, с 2012 года Apple больше не поддерживает Safari в Windows.

    Просмотр истории просмотров в Safari

    1. Откройте браузер Safari.
    2. Щелкните меню История вверху экрана. В меню перечислены недавние страницы из вашей истории просмотров, к которым вы можете перейти, щелкнув их.Чтобы отредактировать историю или просмотреть ее подробно, щелкните Показать всю историю .

    Очистить историю просмотров в Safari

    1. Откройте представление Показать всю историю . Чтобы удалить отдельные элементы истории, щелкните их правой кнопкой мыши и выберите Удалить или нажмите Удалить , чтобы очистить выбранные элементы истории.
    2. Чтобы очистить все, нажмите Очистить историю .

    1. Используйте раскрывающееся меню, чтобы выбрать, как далеко назад следует удалить историю.
    2. Щелкните Очистить историю .

    Safari для iPhone и iPad

    Просмотр или удаление истории просмотров на iOS

    1. Откройте браузер Safari на мобильном устройстве.
    2. Прокрутите вверх, пока не увидите адресную строку вверху экрана и панель инструментов внизу.
    3. На панели инструментов внизу коснитесь четвертого слева значка , который выглядит как книга .
    4. Нажмите значок История , который выглядит как часы.
    5. Нажмите Очистить в правом нижнем углу экрана.

    Amazon Kindle Fire

    Просмотр истории просмотров на Kindle Fire

    1. Откройте браузер Silk.
    2. Коснитесь значка меню.
    3. Выберите История из раскрывающегося меню.

    Очистить историю, кеш и файлы cookie

    1. Откройте браузер Silk.
    2. Коснитесь значка меню.
    3. Выберите Настройки из раскрывающегося меню.
    4. Tap Конфиденциальность .
    5. В разделе Конфиденциальность нажмите кнопку ОЧИСТИТЬ ПРОСМОТР ДАННЫХ .
    Кончик

    Под кнопкой CLEAR BROWSING DATA находятся параметры, рядом с которыми установлен флажок. Они включают историю просмотров , кэш , файлы cookie , данные сайта , сохраненные пароли и данные автозаполнения . Вы можете использовать их для очистки определенных кэшированных данных. После того, как вы сделали свой выбор, нажмите Очистить в нижней части меню.

    Microsoft Internet Explorer

    Internet Explorer был интернет-браузером Microsoft до 2015 года, когда его заменил Microsoft Edge. Если вы все еще используете Internet Explorer на своем компьютере, вы можете выполнить следующие действия, чтобы просмотреть или очистить историю просмотров.

    Предупреждение

    Обновления безопасности для Internet Explorer больше не предоставляются регулярно, и их продолжение не гарантируется. Чтобы обеспечить безопасность вашего браузера при работе в Интернете, используйте другой браузер.Если вы собираетесь и дальше использовать Internet Explorer, проверьте наличие доступных обновлений безопасности и установите их на свой компьютер. Например, накопительное обновление безопасности для Internet Explorer за сентябрь 2016 г. в настоящее время доступно на веб-сайте Microsoft.

    Просмотр истории просмотров в Internet Explorer

    Нажмите Ctrl + H в любом окне браузера Internet Explorer, чтобы просмотреть историю.

    Очистить историю просмотров в Internet Explorer

    1. Откройте окно браузера Internet Explorer.
    2. Нажмите Ctrl + Shift + Del , чтобы открыть окно «Удалить историю просмотров».
    3. Установите флажки напротив данных, которые нужно удалить.
    4. Щелкните Удалить .

    Просмотр истории просмотров (IE 7 и выше)

    1. В окне браузера Microsoft Internet Explorer щелкните Инструменты в правом верхнем углу.
    2. В раскрывающемся меню выберите Свойства обозревателя .

    1. На вкладке Общие в разделе История просмотров нажмите кнопку Настройки .
    2. На вкладке Temporary Internet Files нажмите кнопку View Files .

    Очистить историю просмотров (IE 7 и выше)

    1. Откройте окно браузера Microsoft Internet Explorer.
    2. Щелкните Инструменты в правом верхнем углу.
    3. В раскрывающемся меню выберите Свойства обозревателя .
    4. На вкладке Общие в разделе История просмотров нажмите кнопку Удалить .
    5. Установите флажки напротив данных, которые нужно удалить.
    6. Щелкните Удалить .

    Просмотр истории просмотров (IE 6)

    1. Откройте окно браузера Microsoft Internet Explorer.
    2. На панели инструментов в верхней части экрана щелкните Инструменты .
    3. В раскрывающемся меню Инструменты выберите Свойства обозревателя .
    4. Нажмите кнопку Настройки .
    5. Нажмите кнопку Просмотр файлов .

    Очистить историю просмотров (IE 6)

    1. Откройте окно браузера Microsoft Internet Explorer.
    2. На панели инструментов в верхней части экрана щелкните меню Инструменты .
    3. В раскрывающемся меню Инструменты выберите Свойства обозревателя .
    4. Нажмите кнопку Очистить историю браузера .
    5. Нажмите кнопку Удалить файлы .
    6. Щелкните ОК .

    Очистить историю просмотров (IE 4)

    1. Откройте окно браузера Microsoft Internet Explorer.
    2. Щелкните значок История .
    3. Щелкните Очистить историю Интернета .
    4. Щелкните ОК .

    Очистить историю просмотров (IE 3 и ниже)

    1. Откройте окно браузера Microsoft Internet Explorer.
    2. На панели инструментов щелкните меню Просмотр .
    3. Щелкните Параметры .
    4. Откройте вкладку Дополнительно .
    5. Щелкните вкладку Настройки .
    6. Нажмите кнопку Пустая папка .

    Netscape

    Просмотр истории просмотров в Netscape Navigator

    1. Откройте окно браузера Netscape Navigator.
    2. На панели инструментов нажмите Изменить , Настройки , История .
    3. Найдите папку , в которой Netscape хранит ваши файлы.
    4. Дважды щелкните эту папку в проводнике, чтобы просмотреть историю браузера.

    Очистить историю просмотров в Netscape Navigator

    1. Откройте окно браузера Netscape Navigator.
    2. На панели инструментов нажмите Изменить , Настройки , История .
    3. Нажмите кнопку Очистить историю .

    Дополнительные наконечники

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

    Если щелкнуть адресную строку, можно нажать клавиши Shift + Del для удаления элементов по отдельности.

    Если вы не видите меню «Файл», «Правка», «Вид» в Internet Explorer или Firefox, нажмите Alt .

    Бесплатная онлайн-энциклопедия истории штата Вашингтон

    Проблемы в уме

    Девяносто лет назад, на этой неделе, 14 апреля 1931 года, Фрэнсис Фармер, которая тогда училась в старшей школе Западного Сиэтла, выиграла общенациональный школьный конкурс за свое эссе «Бог умирает». Это был ее первый вкус к славе. Она продолжила изучать драму в Вашингтонском университете, перебралась в Нью-Йорк, а затем в Голливуд. К концу десятилетия она стала настоящей звездой как сцены, так и экрана.

    Затем ее жизнь начала рушиться. Бурный роман, судебные баталии с агентом и начало алкоголизма привели и без того темпераментную звезду к краху. Фармер вернулась в Голливуд в надежде оживить свою карьеру в кино, но ущерб ее репутации уже был нанесен. К 1942 году ее поведение стало настолько беспорядочным, что Paramount расторгла ее контракт. Вскоре после этого арест за вождение в нетрезвом виде только усугубил ее проблемы, как и обвинение в нападении, выдвинутое против нее парикмахером в следующем году.

    Нисходящая спираль продолжилась. Помещенный под психиатрическую помощь по поводу «маниакально-депрессивного психоза», Фармер провел следующие семь лет в психиатрических больницах и однажды прошел инсулиновую шоковую терапию - практика, которая позже оказалась опасной и неэффективной. Ее семья боролась за ее возвращение в Сиэтл и выиграла ее, но битвы с ее матерью привели к тому, что Фармер попал в Западную государственную больницу в Стейлакум. Именно здесь ей была проведена шоковая терапия (хотя и не лоботомия, как многие думали).)

    После освобождения она вернулась домой и устроилась сортировкой стирки в отеле «Олимпик», где ее когда-то чествовали как звезду. Позже Фармер попыталась вернуться, но ее беспорядочное поведение вернулось. Она умерла в Индианаполисе в 1970 году в относительной безвестности. Спустя годы ее увековечил в песне фронтмен Nirvana Курт Кобейн, еще один обеспокоенный человек из штата Вашингтон.

    Цветущие цветы

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

    На протяжении многих лет округ Скаджит был домом для множества ярких жителей, включая социалистов из колонии равенства и строителей лодок на проливе Суиномиш. Мортимер Кук основал город Баг (позже Седро), Скагит-старейшина Ви Гильберт родился в Лаймане, а писатель Том Роббинс много лет жил в ЛаКоннере, где также проживали художники Гай Андерсон и Моррис Грейвс.В городе также находится Тихоокеанский Северо-Западный музей квилтинга и волоконного искусства, единственный такой музей в штате.

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

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