Target=»_blank»

More Examples

Example

Create a tabbed menu:

.tab div {  display: none;}.tab div:target {  display: block;}

Example

Create a modal (dialog box):

/* The modal’s background */.modal {  display: none;  left: 0;  top: 0;  width: 100%;  height: 100%;  overflow: auto;  background-color: rgb(0, 0, 0);  background-color: rgba(0, 0, 0, 0.4);}/* Display the modal when targeted */.modal:target {  display: table;  position: absolute;}/* The modal box */
.modal-dialog {  display: table-cell;  vertical-align: middle;}/* The modal’s content */.modal-dialog .modal-content {  margin: auto;  background-color: #f3f3f3;  position: relative;  padding: 0;  outline: 0;  border: 1px #777 solid;  text-align: justify;  width: 80%;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

❮ Previous
CSS Selectors Reference
Next ❯

CSS Reference

CSS ReferenceCSS Browser SupportCSS SelectorsCSS FunctionsCSS Reference AuralCSS Web Safe FontsCSS Font FallbacksCSS AnimatableCSS UnitsCSS PX-EM ConverterCSS ColorsCSS Color ValuesCSS Default ValuesCSS Entities

CSS Properties

align-content
align-items
align-self
all
animation
animation-delay
animation-direction
animation-duration
animation-fill-mode
animation-iteration-count
animation-name
animation-play-state
animation-timing-function

backface-visibility
background
background-attachment
background-blend-mode
background-clip
background-color
background-image
background-origin
background-position
background-repeat
background-size
border
border-bottom
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-collapse
border-color
border-image
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-left
border-left-color
border-left-style
border-left-width
border-radius
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-style
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
bottom
box-decoration-break
box-shadow
box-sizing
break-after
break-before
break-inside

caption-side
caret-color
@charset
clear
clip
clip-path
color
column-count
column-fill
column-gap
column-rule
column-rule-color
column-rule-style
column-rule-width
column-span
column-width
columns
content
counter-increment
counter-reset
cursor

direction
display
empty-cells
filter
flex
flex-basis
flex-direction
flex-flow
flex-grow
flex-shrink
flex-wrap
float
font
@font-face
font-family
font-feature-settings
font-kerning
font-size
font-size-adjust
font-stretch
font-style
font-variant
font-variant-caps
font-weight

gap
grid
grid-area
grid-auto-columns
grid-auto-flow
grid-auto
-rows
grid-column
grid-column-end
grid-column-gap
grid-column-start
grid-gap
grid-row
grid-row-end
grid-row-gap
grid-row-start
grid-template
grid-template-areas
grid-template-columns
grid-template-rows

hanging-punctuation
height
hyphens
@import
isolation
justify-content
@keyframes
left
letter-spacing

line-height
list-style
list-style-image
list-style-position
list-style-type

margin
margin-bottom
margin-left
margin-right
margin-top
max-height
max-width
@media
min-height
min-width
mix-blend-mode

object-fit
object-position
opacity
order
outline
outline-color
outline-offset
outline-style
outline-width
overflow
overflow-x
overflow-y

padding
padding-bottom
padding-left
padding-right
padding-top
page-break-after
page-break-before
page-break-inside
perspective
perspective-origin
pointer-events
position
quotes

resize
right
row-gap

scroll-behavior

tab-size
table-layout
text-align
text-align-last
text-decoration
text-decoration-color
text-decoration-line
text-decoration-style
text-indent
text-justify
text-overflow
text-shadow
text-transform
top

transform
transform-origin
transform-style
transition
transition-delay
transition-duration
transition-property
transition-timing-function

unicode-bidi
user-select

vertical-align
visibility

white-space
width
word-break
word-spacing
word-wrap
writing-mode

z-index

HTML Tags

<!—><!DOCTYPE><a><abbr><acronym><address><applet><area><article><aside><audio><b><base><basefont><bdi><bdo><big><blockquote><body><br><button><canvas><caption><center><cite><code><col><colgroup><data><datalist><dd><del><details><dfn><dialog><dir><div><dl><dt><em><embed><fieldset><figcaption><figure><font><footer><form><frame><frameset><h1> — <h6><head><header><hr><html><i><iframe><img><input><ins><kbd><label><legend><li><link><main><map><mark><meta><meter><nav><noframes><noscript><object><ol><optgroup><option><output><p><param><picture><pre><progress><q><rp><rt><ruby><s><samp><script><section><select><small><source><span><strike><strong><style><sub><summary><sup><svg><table><tbody><td><template><textarea><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video>

Другие полезные атрибуты анкора

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

Укажите язык целевого анкора: hreflang

Этот необязательный атрибут сообщает браузеру язык документа, на который ведет ссылка. Например, если нужно сообщить браузеру, что целевой источник написан на испанском, мы будем использовать в качестве значения hreflang соответствующий код языка в формате ISO 639-1.

Чтобы сообщить браузеру, что <a href="http://example.com" hreflang="es">ссылка</a>
 ведет на ресурс на другом языке, можно использовать атрибут 
<code> hreflang </ code>.

Атрибут rel

Атрибут rel используется для описания отношений между анкором и целевым источником. Например:

Эта статья была написана <a href="https://plus.google.com/+AuthorName"
rel="author">Отличным автором</a>.

Существует несколько значений, которые принимает атрибут rel:

  • rel=»nofollow»: используйте это значение, если ссылаетесь на ресурс, но не хотите передавать ему ссылочный вес своего сайта. Например, если ссылаетесь на спамовый сайт в качестве примера того, чего не нужно делать.
  • rel=»alternate»: если сайт имеет больше одной версии, используйте это значение для идентификации связанного ресурса в качестве альтернативной версии текущей страницы.
  • rel=»bookmark»: это значение используется для определения URL-адреса, который является постоянным и может использоваться для закладки.
  • rel=»help»: идентифицирует связанный ресурс как файл справки для страницы с этим значением.
  • rel=»license»: используйте этот атрибут для ссылки на лицензию авторских прав.
  • rel=»next»: используйте это значение для ссылки на следующий документ из серии.
  • rel=»prev»: используйте это значение для ссылки на предыдущий документ из серии.
  • rel=»noreferrer»: если хотите разместить ссылку на внешний сайт, но не хотите, чтобы целевой источник знал, кто на него ссылается, используйте это значение.

Атрибут type

Необязательный атрибут type используется для идентификации типа интернет-носителя или MIME типа целевого документа. Например, при создании ссылки на сайт можно добавить атрибут type=»text/html», чтобы сообщить браузеру, что ссылка указывает на HTML-документ.

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

Значение type должно быть допустимым типом IANA. Некоторые из наиболее часто используемых значений: text/html, text/css, application/javascript и multipart/form-data.

Навигация

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

Связанные элементы

Название элемента Атрибуты Примечания
link href rel media title type Элемент <link> используется для определения отношения между HTML-документом и внешним ресурсом. Он чаще всего применяется для определения взаимосвязи между документом и внешними таблицами стилей CSS.
anchor hreflang download target title href name Элемент <a> используется для создания гиперссылки на другую веб-страницу или другое место на той же веб-странице.
base target href Элемент <base> используется для определения базового адреса, от которого можно создать все относительные URL, отображаемые на веб-странице. Если <base> имеет атрибут target, атрибут target, то он будет использоваться как атрибут по умолчанию для всех гиперссылок, отображаемых в документе.

Таргетированная реклама в социальных сетях

https://youtube.com/watch?v=W5GhXhj88FE

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

Правила создания удачной таргетинговой рекламы ВКонтакте:

Правила создания удачной таргетинговой рекламы в Одноклассниках:

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

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

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

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

https://youtube.com/watch?v=SkO8VNf243w

Examples

A Example

The target attribute specifies where to open the linked document:

<a href=»https://www.w3schools.com» target=»_blank»>Visit W3Schools</a>

Area Example

An image map, with clickable areas, and a target attribute:

<img src=»planets.gif»
width=»145″ height=»126″
alt=»Planets»
usemap=»#planetmap»>
<map
name=»planetmap»>
 
<area shape=»rect» coords=»0,0,82,126″ href=»sun.htm» alt=»Sun»
target=»_blank»>
 
<area shape=»circle» coords=»90,58,3″ href=»mercur.htm» alt=»Mercury»>
 
<area shape=»circle» coords=»124,58,8″ href=»venus.htm» alt=»Venus»>
</map>

Specify a default target for all hyperlinks and forms on a page:

<head>
<base target=»_blank»>
</head>

Form Example

Display the response received in a new window or tab:

<form action=»/action_page.php»
method=»get» target=»_blank»>
 
First name: <input type=»text» name=»fname»><br>
 
Last name:
<input type=»text» name=»lname»><br>
 
<input type=»submit» value=»Submit»>
</form>

HTML Reference

HTML by AlphabetHTML by CategoryHTML Browser SupportHTML AttributesHTML Global AttributesHTML EventsHTML ColorsHTML CanvasHTML Audio/VideoHTML Character SetsHTML DoctypesHTML URL EncodeHTML Language CodesHTML Country CodesHTTP MessagesHTTP MethodsPX to EM ConverterKeyboard Shortcuts

HTML Tags

<!—>
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<data>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> — <h6>
<head>
<header>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<legend>
<li>
<link>
<main>
<map>
<mark>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<picture>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<svg>
<table>
<tbody>
<td>
<template>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>

HTML Reference

HTML by AlphabetHTML by CategoryHTML Browser SupportHTML AttributesHTML Global AttributesHTML EventsHTML ColorsHTML CanvasHTML Audio/VideoHTML Character SetsHTML DoctypesHTML URL EncodeHTML Language CodesHTML Country CodesHTTP MessagesHTTP MethodsPX to EM ConverterKeyboard Shortcuts

HTML Tags

<!—>
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<data>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> — <h6>
<head>
<header>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<legend>
<li>
<link>
<main>
<map>
<mark>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<picture>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<svg>
<table>
<tbody>
<td>
<template>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>

Examples

A Example

The target attribute specifies where to open the linked document:

<a href=»https://www.w3schools.com» target=»_blank»>Visit W3Schools</a>

Area Example

An image map, with clickable areas, and a target attribute:

<img src=»planets.gif»
width=»145″ height=»126″
alt=»Planets»
usemap=»#planetmap»>
<map
name=»planetmap»>
 
<area shape=»rect» coords=»0,0,82,126″ href=»sun.htm» alt=»Sun»
target=»_blank»>
 
<area shape=»circle» coords=»90,58,3″ href=»mercur.htm» alt=»Mercury»>
 
<area shape=»circle» coords=»124,58,8″ href=»venus.htm» alt=»Venus»>
</map>

Specify a default target for all hyperlinks and forms on a page:

<head>
<base target=»_blank»>
</head>

Form Example

Display the response received in a new window or tab:

<form action=»/action_page.php»
method=»get» target=»_blank»>
 
First name: <input type=»text» name=»fname»><br>
 
Last name:
<input type=»text» name=»lname»><br>
 
<input type=»submit» value=»Submit»>
</form>

Наиболее важные атрибуты

Для создания гиперссылок необходимы три атрибута: href, target и download.

Укажите цель гиперссылки: href

Атрибут href используется для указания цели или адресата для анкора. Он применяется для определения URL-адреса, к которому должен привязываться анкор.

В этом примере <a href="http://example.com"> текста анкора</a> 
ссылка ведет на URL-адрес <em> www.example.com </em>.

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

  • Использовать для создания прямой ссылки на любой элемент веб-страницы, которому был присвоен идентификатор.
  • Для связи с ресурсом, используя протокол, отличный от http.
  • Для запуска скрипта.

Например:

<a href="#Specify_a_Hyperlink_Target_href">Этот первый элемент анкора</a>  
ссылается на заголовок  этого раздела статьи. 
Используя <code>id</code>, мы можем назначить для раздела элемент заголовка.
Мы можем использовать протокол <code>mailto</ code>, 
чтобы создать ссылку, которая будет пытаться запустить на вашем компьютере
почтовую программу, используемую по умолчанию. Давайте попробуем! 
Нам бы хотелось, чтобы вы <a href="mailto:contact@html.com">связались</a> с нами!
Если вы нажмете ссылку ниже, появится окно оповещения JavaScript.
 <a>Нажмите ссылку, чтобы увидеть, что произойдет </a>.

Элемент href прост в использовании. Но можно получить намного больше, познакомившись с атрибутом target.

Укажите место для открытия ссылки: target

Рассмотрим ссылку mailto, которую мы создали в предыдущем примере. Ее исходный код:

Нам бы хотелось, чтобы вы <a href="mailto:contact@html.com">связались</a> с нами!

Ссылка полезна, но способ ее открытия не идеален. В зависимости от настроек браузера и ПК гиперссылка может перенаправить пользователей на сайты таких почтовых сервисов, как Gmail или Yahoo! Mail. Но из-за этого они посетители покинут наш ресурс.

Чтобы решить эту проблему, используйте атрибут target со значением _blank.

Мы будем рады, если вы <a href="mailto:contact@html.com"
 target="_blank" rel="noopener">свяжетесь</a> с нами!

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

Укажите ресурс для загрузки: download

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

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

Пример реализации:

Чтобы создать ссылку, которая указывает браузеру 
<a href="http://example.com/file.ext" download="Example_File">скачать файл</a>,
 используйте атрибут <code>href</ code>, чтобы идентифицировать файл
 для скачивания
и атрибут <code>download</code>, чтобы указать имя скачиваемого файла.

Атрибут href в приведенном выше примере указывает на реальный файл. Когда загрузка будет завершена, его имя будет Example_File.ext, где .ext — это формат файла. Нет необходимости включать расширение файла в значение, присваиваемое атрибуту download. Оно будет идентифицировано и добавлено к имени загруженного файла.

Значения target

Четыре наиболее распространенных значения атрибута target:

_self

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

Единственная ситуация, в которой это может произойти, если в HTML использован тег <base>, который устанавливает определенный способ открытия для всех ссылок. Например, если между тегами <head> добавлен следующий код <base href=»http://www.ltconsulting.co.uk» target=»_blank»/>, нужно использовать target=»_self», чтобы ссылка открывалась в том же окне.

_blank

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

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

_parent

Значение _parent открывает ссылку в родительском фрейме для фрейма, в котором вы находитесь. Это не популярное значение, так как теги для создания фреймов <frameset> и <frame> не поддерживаются в HTML5. Тем не менее, это значение по-прежнему можно использовать внутри тегов <iframe>.

_top

Как и _parent, значение _top относится к фреймам. С помощью <frameset> можно создать фреймы внутри фреймов с многоуровневой иерархией. _top отменяет все установленные фреймы и загружает страницу в отдельное окно браузера.

framename

Открывает ссылку во фрейме с именем, указанным в значении атрибута HTML href target. Например, <a href=»http://ltconsulting.co.uk» target=»frame1″> открывается во фрейме с именем frame1, то есть <frame src=»https://www.internet-technologies.ru/wp-content/uploads/sidebar» name=»frame1″>. iframe также поддерживают это значение атрибута. Но вряд ли вы когда-нибудь столкнетесь с такими вариантами использования. Когда framename выбирается пользователем, это имя может начинаться только с буквы, а не с цифры или другого символа.

Символ подчёркивания

Теперь разберемся, для чего используется символ нижнего подчеркивания. Если мы уберем подчеркивание и изменим значение атрибута на target=»blank», то ссылка будет открываться в новом окне независимо от подчеркивания. Чтобы убедиться в этом, создайте новый HTML-документ и разместите на нем код следующей ссылки:

<a href="http://ltconsulting.co.uk" target="blank">ltconsulting.co.uk</a>

Затем добавьте в документ код следующей ссылки. А теперь при открытой вкладке с первой ссылкой откройте вторую с атрибутом HTML target blank:

Код второй ссылки:

<a href="http://ltconsulting.co.uk/contact-us/" target="blank">ltconsulting.co.uk/contact-us</a>

Вы увидите, что вторая ссылка открылась во вкладке, которая была открыта для предыдущей ссылки, а не в новой (собственной вкладке).

Это связано со значением framename, которое мы рассматривали ранее. Поскольку мы начали значение с буквы, “blank” интерпретируется как значение типа framename. В случае если framename указан в качестве цели, но такой фрейм не существует, новая вкладка или окно будет создано с использованием этого имени. Таким образом, новое окно, которое мы открыли ранее, стало фреймом с именем “blank”.

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

Абсолютные и относительные URL-адреса

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

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

Например, если мы находимся по адресу: http://example.com/products/red-product/, и хотим сослаться на страницу синего товара, можно использовать любой из следующих анкоров:

<a href="/products/blue-product/">Перейти к странице синего товара!</a>
<a href="../blue-product/">Перейти к странице синего товара!</a>

Первый синтаксис говорит следующее: «Перейдите на самый нижний уровень дерева, найдите в нем каталог product, а в нем откройте папку blue-product. Второй синтаксис говорит следующее: «Перейдите в родительский каталог для red-product и в нем вы найдете папку blue-product». Оба анкора указывают на URL-адрес: http://example.com/products/blue-product/.

Предположим, что нужно разместить ссылку на страницу «About Us», которая является прямым потомком главной. Вот как можно это сделать:

<a href="/about-us/">Узнайте больше о нас.</a>

В этом примере говорится следующее: «Вернитесь к самому нижнему уровню дерева каталогов, а затем найдите папку about-us».

Предположим, что мы снова находимся по адресу http://example.com/products/red-product/, и хотим разместить ссылку на страницу подкатегории. Она располагается в каталоге /red-products /category.

<a href="large.php">Смотреть все красные товары, доступные в большом размере!</a>

Приведенный выше URL-адрес заставляет браузер искать в текущей папке файл large.php и преобразовать его в URL-адрес — http://example.com/products/red-product/large.php.

Главное об относительных URL:

  • Если URL-адрес начинается с «/», то мы заставляем браузер искать указанный файл или папку на самом нижнем уровне дерева каталогов.
  • Если URL-адрес начинается с «../», то мы указываем браузеру на необходимость вернуться на один уровень вверх в дереве каталогов.
  • Если URL-адрес начинается с имени файла или папки, то мы указываем браузеру искать ресурсы в текущем файле.

Что такое таргетинг

Термин “таргетинг” происходит от английского “target” и переводится как “цель”. С его помощью вы можете направить рекламное послание на нужную часть целевой аудитории (ЦА). Таргетинг – один из эффективных и востребованных механизмов маркетинга, который позволяет выделить из всех пользователей в интернете определенную группу людей по необходимым параметрам и прорекламировать им свой продукт. Такая реклама способствует рациональному использованию маркетингового бюджета.

Преимущества таргетинга.

  1. Работа только с ЦА. Рекламные объявления показываются с учетом заданных рекламодателем характеристик. Также вы можете запустить ретаргетинг и показывать рекламу людям, которые уже взаимодействовали с вашим брендом.
  2. Гибкие настройки. Вы можете персонализировать объявления, выбрать целевую аудиторию по конкретным параметрам (пол, возраст, география, хобби и другое).
  3. Возможность работать с каждой целевой группой отдельно, создавать рекламные объявления для разных пользователей.
  4. Стоимость клика зависит от правильно настроенной кампании.
  5. Мгновенный отклик. Попав на ваше объявление, пользователь в один клик сможет перейти на страницу продукта.

Лучшие курсы по контекстной рекламе в 2020 году — только топовые школы

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

Ваше рекламное объявление не пройдет модерацию, если:

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

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

«Таргетолог» от «Нетологии»

Это лучший курс по таргетированной рекламе в плане поддержки учеников. На курсе рассказывают о работе с таргетом в Инстаграме, Фейсбуке, Одноклассниках, ВКонтакте и ТикТоке. Каждый ученик получает по 4 000 ₽ на рекламу, а тот, кто сделает лучшую дипломную работу, – 15 000 ₽. Также организаторы помогают устроиться на работу и пройти стажировку в агентстве performance-маркетинга Adventum.

Формат: онлайн, в потоках. Будут доступны лекции (их можно смотреть в удобное время) и вебинары, консультации. Занятия идут по 1-2 раза в неделю: после теории вы делаете практическую домашнюю работу, а в конце сдаете дипломный проект.

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

Фрагмент программы обучения на курсе для таргетологов от «Нетологии»

Преподаватели:

  • Ольга Шокало, старший менеджер по развитию бизнеса в myTarget.
  • Саша Макарова, Customer Success Lead Russia в Appnext.
  • Марина Колмыкова, основатель студии «Таргетерия».
  • Никита Кравченко, Evangelist в eLama.
  • Олег Денисов, ведущий аналитик-разработчик в Adventum.
  • Павел Баракаев, Ex-Head of Paid Social & SMM в Adventum.
  • Всеволод Холоденко, интернет-маркетолог в сети фитнес-клубов MyFitlab.
  • Вадим Тютюкин, Paid Social Group Head MGCom.
  • Артем Левин, Account Director в Artics Internet Solutions.
  • Павел Мрыкин, эксперт по сквозной аналитике в Calltouch.
  • Егор Кирсанов, Mobile Marketing Manager в OneTwoTrip.
  • Родин Мухамедзяров, таргетолог и менеджер продуктов в Target Hunter.
  • Юля Лазарева, руководитель группы по работе с рекламными агентствами во ВКонтакте.
  • Ольга Чванова, продакт-менеджер по контекстному таргетингу и look-alike в myTarget.
  • Мария Песняева, создатель InsightCAMP!
  • Ирина Подрез, специалист в построении систем продаж и работе с высокими чеками.

Длительность курса: 6 месяцев.

Стоимость: 99 000 ₽ без скидок. Возможна рассрочка с платежом 3 330 ₽ ежемесячно или покупка по акции со скидками до 40–50 %.

Диплом: «Нетология» ведет лицензированные курсы и выдает удостоверение о повышении квалификации.

Какие функции выполняет таргетолог и сколько он зарабатывает

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

Также важно постоянно следить за трендами и осваивать новые технологии

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

К преимуществам профессии можно отнести:

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

Настоящий профессионал по таргетингу должен уметь:

  • работать с конкретной площадкой (Instagram, Facebook и других), знать все ее правила и инструменты;
  • владеть основными терминами и понятиями маркетинга;
  • пользоваться сервисами аналитики;
  • быстро усваивать новый материал;
  • выполнять несколько задач одновременно;
  • работать в Excel и Google-таблицах;
  • обрабатывать фотографии в Photoshop;
  • пользоваться видеоредакторами;
  • грамотно писать на русском языке;
  • рассчитывать эффективность рекламных кампаний;
  • работать со статистикой;
  • подготавливать отчеты о проделанной работе.

У таргетолога должны быть и личные качества, которые отмечают работодатели.

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

Средний месячный заработок таргетолога составляет 40 000 – 70 000 рублей в Москве. Со временем уровень дохода профессионала может достигать 120-160 тысяч рублей. При этом он должен уметь выстраивать аналитику и автоматизировать некоторые процессы.

Курсы по настройке Яндекс.Директ: ТОП-8 самых лучших онлайн-школ для начинающих

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

В регионе штатный таргетолог может получать от 20 000 до 35 000 рублей в месяц. На фрилансе ваш заработок будет зависеть от количества и уровня проектов.

Обязанности таргетолога

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

Павел Баракаев, преподаватель курса «Таргетированная реклама» в «Нетологии», руководитель партнерских направлений в Adventum

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

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

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

Как правило, он самостоятельно ведет от трех проектов в месяц с бюджетом 200–300 тыс. рублей. Также middle-таргетолог берет на себя менеджерские обязанности. Он ставит задачи и контролирует их выполнение junior-таргетологами и ассистентами, а также занимается обучением. 

Таргетолог уровня senior также ведет одновременно от трех сложных проектов, но бюджеты кампаний выше — от 300 тыс. рублей. Он отлично разбирается во всех нюансах настройки таргетированной рекламы, помогает middle и junior-таргетологам, проводит обучение для новичков, пишет статьи для порталов, выступает на конференциях, активно участвует в процессе продажи услуг агентства или компании. 

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

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

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

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

Adblock
detector