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

19.11.2013 Инструменты для продвижения партнерок   39 комментариев

Привет, друзья! Сегодня записала для вас коротенькое видео о том, как с помощью специального html-кода размещать на своем блоге или сайте (WordPress) любой баннер с партнерской ссылкой. В каких случаях вам это пригодится?

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

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




Посмотрев этот видеоурок, вы сможете легко и быстро разместить на своем блоге любой баннер (jpeg, gif и т.д.), вставив в него нужную ссылку. Для этого вам останется только скопировать готовый html-код, который я разместила под видео, и заменить текст в кавычках на свои данные.

 

Html-код для вставки баннера на ваш блог или сайт:

<a href="Ваша партнерская ссылка"rel="nofollow"target="_blank"><img src="URL картинки"/></a>

P.S. Если после просмотра видео у вас возникли какие-либо вопросы, смело задавайте их в комментариях.

А я желаю вам успешных партнерских продаж!

logo

Комментарии к Как вставить свою партнерскую ссылку в любой баннер и поместить его на блоге? (39)

  • Вячеслав:

    HTML-код не работает. Вставляю реф. ссылку, ссылку на баннер. Добавляю в виджет и при сохранении удаляет реф. ссылку, а ссылка на баннер остается. Почему так?

  • viktoria_ka:

    Здравствуйте, Вячеслав. Проверила код – работает. Убедитесь, что Вы нигде не поставили лишних пробелов и полностью скопировали ссылки.

  • Вячеслав:

    Спасибо, все работает. https://o-zarabotkeonline.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif

  • viktoria_ka:

    Вот и отличноhttps://o-zarabotkeonline.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif

  • Игорь:

    Спасибо, всё работает! Использовал свою картинку. Теперь с размерами разобраться

    • viktoria_ka:

      Вот и отлично! А размеры можно в любом фоторедакторе подогнать. Я Paint.net использую или Фотошоп.

  • Владимир:

    Виктория, все сделал, как Вы сказали. Ссылка работает и баннер появился, но только, когда я работаю в редактуре(через консоль WP), а когда смотрю сам через интернет как обычный пользователь, то ничего не видно.Как быть?

    • viktoria_ka:

      Здравствуйте. Странно…Только что у себя проверила, зашла с другого компа, баннер отображается. Может у Вас какая-то программа его блокирует? Или в другое место попробовать вставить?

  • Владимир:

    Баннер отображается только на главной странице, на статьях и др страницах нет.

    • viktoria_ka:

      Может, это особенности шаблона. Попробуйте еще в конкретной статье разместить. У себя пробую, работает везде…

  • Айдана:

    Спасибо большое, Виктория за урок! Процветания тебе и успехов! :)

    • viktoria_ka:

      Айдана, и Вам спасибо за пожелания. Взаимно!

  • ivan:

    почему получается банер в шести экземплярах

    • viktoria_ka:

      Здравствуйте, Иван. Не совсем поняла вопрос. Вы имеете в виду при загрузке на сайт – картинка сохраняется в разных размерах или что-то другое? Если у Вас Вордпресс, то он по умолчанию сохраняет загруженные изображения в нескольких размерах. Можно зайти в “Настройки”- “Медиафайлы” и там все значения выставить по нулям.

  • Наталья:

    Добрый день, Виктория!
    А не подскажите как сделать “прокладку” в баннере ( например, картинка с надписью “ждите идёт перенаправление…”) и через 2-3 секунды человек потом попадает на партнёрский сайт.

    • viktoria_ka:

      Здравствуйте, такого не делала и не знаю,как. Это редирект-какой-то наверное нужно сделать.

  • Наталья:

    Спасибо за ответ!
    У Вас интересный блог!

  • viktoria_ka:

    Спасибо:) Буду рада видеть Вас ещеhttps://o-zarabotkeonline.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif

  • николай:

    конечно не будет опубликован! вас ато умничкой не будут считать!

    • viktoria_ka:

      Конечно не будет – маты и неадекватные комментарии не публикую:) Моя статья посвящена добавлению партнерской ссылки в баннер и размещению его на WP-блоге…Собственно это я и показываю в уроке. А причем тут Вконтакте и еще тот поток информации, который Вы вылили в форме мата я, признаюсь, так и не поняла.

  • Сергей:

    Большое спасибо Виктория за полезный урок.

    • Виктория Карпова:

      Сергей, и Вам спасибо за комментарий:) Рада, если пригодилось.

  • Александр:

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

    Честно говоря я – в компе чайник со свистком в минус миллионной степени :wacko:

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

    А вот ваш урок … Виктория – я снимаю перед вами шляпу и стоя аплодирую :rose:

  • Александр:

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

    у меня уже мозоли появились на пальцах от клавиатуры и мозги превращаются в шашлык :wacko:

  • Valeria:

    Подскажите, как создать баннер с пришитой ссылкой на блоггере,только на блоггере

    • Виктория Карпова:

      Создаете баннер и привязываете к нему код для вставки, так же как в этом уроке. По другому никак: баннер это картинка, а чтобы он отображался на блоге и при клике был переход на сайт, нужен код, такой как я показала. Или другой – можно создать баннер онлайн и сгенерировать для него код. А дальше уже силами блоггера разместить его на своем сайте. Для этого в админке блога кликаете по вкладке “дизайн”, выбираете место, где хотите расположить баннер, нажимаете по кнопке “добавить гаджет”. В перечне выбираете гаджет “HTML/JavaScript”, добавляете его кликнув на плюсик справа, вставляете код баннера и жмете “сохранить”.

  • геннадий:

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

  • Галина:

    Виктория, добрый день! Уже не один раз воспользовалась Вашей информацией. Спасибо большое! :yes:
    Виктория, подскажите пожалуйста, а как можно отцентровать баннер?

    • Виктория Карпова:

      Здравствуйте, Галина. Самое простое с помощью тегов center. Посмотрите на скриншоте: _http://www.floomby.ru/s1/XgWgyz, так как в комментарии когда их пишу, они не отображаются.

      • Галина:

        Виктория, спасибо за подсказку! С Новым годом и всех благ Вам желаю!))))

        • Виктория Карпова:

          Спасибо,Галина:) И Вам всего доброго в наступившем году!

  • Людмила:

    Благодарю! Все получилось с первого раза!!! Все отлично!!!

    • Виктория Карпова:

      Людмила, это же хорошо!:)

  • Ольга:

    СПАСИБО ВИКТОРИЯ ВЫ МЕНЯ ВЫРУЧАЕТЕ :yahoo:

  • ivening:

    Спасибо за урок . Всё очень лаконично .

  • Ирина:

    Добрый день,Виктория! Спасибо за видеоурок, все четко и наглядно. Но у меня что-то ничего не получается. Я взяла изображение из промоматериалов для партнерских сайтов, скопировала его себе в папку. Дальше все делала так, как Вы объясняете.Сначала у меня появлялся в сайдбаре просто огромный баннер. Пыталась изменить изображение – бесполезно. Сделала все по-новой. Теперь в сайдбаре появляется маленький значок зеленький, он активный, кликаешь по нему – переходишь на подписную бизнес-квеста. Уже полдня толкусь над этой проблемой и ничего не могу сделать. Уже и выходила с блога и заходила, перезагружала, ничего не помогает. Подскажите,пожалуйста, что я делаю не так? У Вас баннер с бизнес-квеста размером 240х400, а я пыталась поставить 120х240 и он просто огромный был.Спасибо!

    • Виктория Карпова:

      Да, там баннеры в большом разрешении – их надо обрезать в редакторе, хоть и написано 120Х240 или 240Х400, но до этой цифры нужно самостоятельно обрезать. Я в паинт нет обрезала и потом уже загружала.

  • Людмила:

    Не понимаю, почему нет картинки баннера в сайбаре справа, а переход в пустой рамке работает

    • Виктория Карпова:

      Возможно, неверно указали ссылку на картинку или в коде-что то пропустили, или наоборот лишнее поставили. В комментариях коды не отображаются. Если хотите, чтоб я посмотрела, пришлите код баннера, как вы его вставляли себе в сайдбрар, мне на почту: admin@o-zarabotkeonline.ru

Оставить ответ

Вы можете использовать эти HTML теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
:whistle: 
:yes: 
:cry: 
:mail: 
:-( 
:unsure: 
;-)