Привет, друзья! Сегодня записала для вас коротенькое видео о том, как с помощью специального html-кода размещать на своем блоге или сайте (WordPress) любой баннер с партнерской ссылкой. В каких случаях вам это пригодится?
Например, вы хотите рекламировать на блоге какой-либо партнерский продукт, для которого нет готовых рекламных материалов. В таком случае вы можете создать в Фотошопе простенький баннер самостоятельно, либо же заказать более профессиональный и интересный вариант у фрилансеров. Чтобы разместить такой баннер в сайдбаре своего сайта, вам понадобится соответствующий код с партнерской ссылкой и url-адресом изображения (баннера).
В принципе, даже если в партнерской программе и есть готовые баннеры, то всегда имеет смысл выделиться на фоне других партнеров (особенно если партнерка раскрученная) и видоизменить стандартные материалы, адаптировав их под свой ресурс.
Посмотрев этот видеоурок, вы сможете легко и быстро разместить на своем блоге любой баннер (jpeg, gif и т.д.), вставив в него нужную ссылку. Для этого вам останется только скопировать готовый html-код, который я разместила под видео, и заменить текст в кавычках на свои данные.
Html-код для вставки баннера на ваш блог или сайт:
<center><a href="Ваша партнерская ссылка" target="_blank" rel="nofollow"><img src="URL картинки"/></a></center>
Важно: редактирование кода лучше делать не в Ворде, как я в уроке, а в блокноте. Например, в Notepad++.
Если после просмотра видео у вас возникли какие-либо вопросы, смело задавайте их в комментариях.
А я желаю вам успешных партнерских продаж!
HTML-код не работает. Вставляю реф. ссылку, ссылку на баннер. Добавляю в виджет и при сохранении удаляет реф. ссылку, а ссылка на баннер остается. Почему так?
Здравствуйте, Вячеслав. Проверила код — работает. Убедитесь, что Вы нигде не поставили лишних пробелов и полностью скопировали ссылки.
Спасибо, все работает.
Вот и отлично
Спасибо, всё работает! Использовал свою картинку. Теперь с размерами разобраться
Вот и отлично! А размеры можно в любом фоторедакторе подогнать. Я Paint.net использую или Фотошоп.
Виктория, все сделал, как Вы сказали. Ссылка работает и баннер появился, но только, когда я работаю в редактуре(через консоль WP), а когда смотрю сам через интернет как обычный пользователь, то ничего не видно.Как быть?
Здравствуйте. Странно…Только что у себя проверила, зашла с другого компа, баннер отображается. Может у Вас какая-то программа его блокирует? Или в другое место попробовать вставить?
Баннер отображается только на главной странице, на статьях и др страницах нет.
Может, это особенности шаблона. Попробуйте еще в конкретной статье разместить. У себя пробую, работает везде…
Спасибо большое, Виктория за урок! Процветания тебе и успехов! :)
Айдана, и Вам спасибо за пожелания. Взаимно!
почему получается банер в шести экземплярах
Здравствуйте, Иван. Не совсем поняла вопрос. Вы имеете в виду при загрузке на сайт — картинка сохраняется в разных размерах или что-то другое? Если у Вас Вордпресс, то он по умолчанию сохраняет загруженные изображения в нескольких размерах. Можно зайти в «Настройки»- «Медиафайлы» и там все значения выставить по нулям.
Добрый день, Виктория!
А не подскажите как сделать «прокладку» в баннере ( например, картинка с надписью «ждите идёт перенаправление…») и через 2-3 секунды человек потом попадает на партнёрский сайт.
Здравствуйте, такого не делала и не знаю,как. Это редирект-какой-то наверное нужно сделать.
Спасибо за ответ!
У Вас интересный блог!
Спасибо:) Буду рада видеть Вас еще
конечно не будет опубликован! вас ато умничкой не будут считать!
Конечно не будет — маты и неадекватные комментарии не публикую:) Моя статья посвящена добавлению партнерской ссылки в баннер и размещению его на WP-блоге…Собственно это я и показываю в уроке. А причем тут Вконтакте и еще тот поток информации, который Вы вылили в форме мата я, признаюсь, так и не поняла.
Большое спасибо Виктория за полезный урок.
Сергей, и Вам спасибо за комментарий:) Рада, если пригодилось.
Виктория — ваша статья написана аж в 2013 году, а мне она пригодилась именно сейчас!
Честно говоря я — в компе чайник со свистком в минус миллионной степени
и в поисках этой информации перерыл килограмм информации, но почему-то вся эта инфа в одно ухо влетала, а из другого вылетала и при этом ничего не оставляла.
А вот ваш урок … Виктория — я снимаю перед вами шляпу и стоя аплодирую
блин, зря похвастался — при нажатие на банер — перекидывает на магазин, минуя партнерскую ссылку на бесплатное руководство.
у меня уже мозоли появились на пальцах от клавиатуры и мозги превращаются в шашлык
Подскажите, как создать баннер с пришитой ссылкой на блоггере,только на блоггере
Создаете баннер и привязываете к нему код для вставки, так же как в этом уроке. По другому никак: баннер это картинка, а чтобы он отображался на блоге и при клике был переход на сайт, нужен код, такой как я показала. Или другой — можно создать баннер онлайн и сгенерировать для него код. А дальше уже силами блоггера разместить его на своем сайте. Для этого в админке блога кликаете по вкладке «дизайн», выбираете место, где хотите расположить баннер, нажимаете по кнопке «добавить гаджет». В перечне выбираете гаджет «HTML/JavaScript», добавляете его кликнув на плюсик справа, вставляете код баннера и жмете «сохранить».
все новое — хорошо забытое старое. Уже ведь гдето встречал эту инфу, но вот разбираться начал только сейчас. Благодарю.
Виктория, добрый день! Уже не один раз воспользовалась Вашей информацией. Спасибо большое!
Виктория, подскажите пожалуйста, а как можно отцентровать баннер?
Здравствуйте, Галина. Самое простое с помощью тегов center. Посмотрите на скриншоте: _http://www.floomby.ru/s1/XgWgyz, так как в комментарии когда их пишу, они не отображаются.
Виктория, спасибо за подсказку! С Новым годом и всех благ Вам желаю!))))
Спасибо,Галина:) И Вам всего доброго в наступившем году!
Благодарю! Все получилось с первого раза!!! Все отлично!!!
Людмила, это же хорошо!:)
СПАСИБО ВИКТОРИЯ ВЫ МЕНЯ ВЫРУЧАЕТЕ
Спасибо за урок . Всё очень лаконично .
Добрый день,Виктория! Спасибо за видеоурок, все четко и наглядно. Но у меня что-то ничего не получается. Я взяла изображение из промоматериалов для партнерских сайтов, скопировала его себе в папку. Дальше все делала так, как Вы объясняете.Сначала у меня появлялся в сайдбаре просто огромный баннер. Пыталась изменить изображение — бесполезно. Сделала все по-новой. Теперь в сайдбаре появляется маленький значок зеленький, он активный, кликаешь по нему — переходишь на подписную бизнес-квеста. Уже полдня толкусь над этой проблемой и ничего не могу сделать. Уже и выходила с блога и заходила, перезагружала, ничего не помогает. Подскажите,пожалуйста, что я делаю не так? У Вас баннер с бизнес-квеста размером 240х400, а я пыталась поставить 120х240 и он просто огромный был.Спасибо!
Да, там баннеры в большом разрешении — их надо обрезать в редакторе, хоть и написано 120Х240 или 240Х400, но до этой цифры нужно самостоятельно обрезать. Я в паинт нет обрезала и потом уже загружала.
Не понимаю, почему нет картинки баннера в сайбаре справа, а переход в пустой рамке работает
Возможно, неверно указали ссылку на картинку или в коде-что то пропустили, или наоборот лишнее поставили. В комментариях коды не отображаются. Если хотите, чтоб я посмотрела, пришлите код баннера, как вы его вставляли себе в сайдбрар, мне на почту: admin@o-zarabotkeonline.ru
Виктория добрый день! Все сделала так как вы написали, но появился только текст ссылок а картинки нет.Как мне картинку поставить.Помогите мне я полный новичок, но хочу работать с партнерками.
Вера, возможно в коде где-то у вас ошибка (затерли символ, или лишний пробел поставили, или еще что-то), или ссылку на картинку неправильно скопировали. Тут нужно ваш код баннера проверить. Если хотите, можете отправить, мне на почту: admin@o-zarabotkeonline.ru
Виктория, скажите как вставить код для гиф картинок, это же 2 и больше могут меняться, да? У меня не получилось, если я 2 подряд урл ставлю. И скажите, пожалуйста, как можно сделать, чтобы реклама, партнерка — скрипт открывалась в новом окне, таргет бланк не проходит, спасибо.
Не получилось, потому что не 2 урл надо добавлять. А сначала сделать гифку в спец. программе или в онлайн-сервисе, здесь например: ru.toolson.net/GifAnimation/Create (просто из нескольких кадров компилируете 1 мигающую картинку), затем ее скачиваете и точно так же, как обычную картинку загружаете к себе на сайт в медиафайлы, копируете ссылку на эту картинку и вставляете в код баннера. Вот и все. Вторая же ссылка в баннере — эта та, на какую страницу ваш баннер ведет, в вашем случае — партнерская ссылка. Почему у вас не работает таргет бланк — я не знаю, возможно ошибки в коде допустили, у меня на блоге баннер телеграм, самый последний в сайдбаре, через такой же код с таргет бланком вставлен, все открывается в новой вкладке.
А нет, спасибо, не беспокойтесь, у меня всё съехало на сайте после добавления, по всей видимости шаблон не позволяет вставлять такие вещи.
Привет, Виктория. Спасибо за видео. Подскажи, а как то от поисковиков надо закрывать эти партнерские ссылки. И как это сделать в коде? Вижу только nofollow
Здравствуйте, Петр. Можно воспользоваться предложенным здесь способом: _https://1zaicev.ru/kak-zakryt-ssylku-ot-indeksacii-cherez-skript/
Виктория. А как поставить гиперссылку в саму Гиф картинку? Например очень хорошо ставится гиперссылка в ПДФ файл и открывается в браузере можно кликнуть и попасть на партнерский сайт. А вот как в файл Гиф картинки вставить что то не нашел эту инфу в интернете.
В гиф-баннер на блоге ссылка добавляется так же, как и в статический баннер. Просто соответственно делается гиф-картинка, а не jpeg или png. Если речь идет именно о размещении гифки в пдф пока не подскажу, надо покопаться в этом моменте.
Большое спасибо! Очень помогли!
Здравствуйте, Виктория!
Что я только не делал. Все равно — появляется только текстовая ссылка ( или код — не знаю) и все. Картинки как не было, так и нет.
помогите, пожалуйста. Очень пожалуйста.
С Уважением, Юрий.
Здравствуйте, возможно саму ссылку неправильно добавляете, не так копируете или еще что. Заочно трудно сказать, нужно увидеть код вашего баннера, как минимум, ссылку на картинку, которую вставляете. Можете прислать в тхт- файле мне на почту admin@o-zarabotkeonline.ru
Меня просто спасла Ваша статья!!! СПАСИБО ОГРОМНОЕ, ВСЕ БЫСТРО ЧЕТКО И ПОНЯТНО!
Спасибо большое за статью! Элементарно всё делается, разобрался быстро. Отличный сайт, успехов!
Благодарю, Михаил! И вам желаю успехов!