2015-02-26

Как исправить ошибки Schema.org в шаблоне Blogger

schema.org ошибки blogger
Микроразметка schema.org очень важна для оптимизации вашего блога. Сайты с настроенной микроразметкой любят поисковые системы, повышается уровень доверия и количество переходов.
В шаблоны Blogger (Blogspot) изначально внедрена микроразметка, но в некоторых шаблонах она дает ошибки.
Проверить структурированные данные (так еще называют микроразметку) можно в валидаторах Гугл и Яндекс, которые вы найдете в соответствующих панелях вебмастеров.
Самые распространенные ошибки schema.org мы разберем сегодня.
Пройдите в Инструменты для вебмастеров Гугл –> Инструмент проверки структурированных данных –> Получить данные по URL. Здесь вставьте адрес своего блога в окно и нажмите кнопку “Получить и поверить”.
/*
Примечание. Несколько дней назад инструмент проверки структурированных данных Google  поменял интерфейс. В этой статье скриншоты в новом виде.

ошибки структурированных данных blogspot
Как видно из скриншота выше ошибки микроразметки в типе данных BlogPosting, а именно свойства:
  • Image_url
  • Blogid
  • Postid
 Внимание! Актуальная статья по теме - Исправление ошибок микроразметки     Schema.org. В ней более свежие и полные данные о настройке структурированных   данных в Blogger / Blogspot  

Как исправить эти ошибки в разметке Schema.org?

Напомню, что перед всеми изменениями в шаблоне Blogger, нужно сохранить резервную копию.
  • Исправляем свойство image_url
    Оно выдает ошибку “Свойство image_url недопустимо для объекта типаBlogPosting
    Откройте редактор шаблона Blogger (Шаблон –> изменить html), найдите все отрезки тегов image_url. они будут размещаться в кодах:
    <b:if cond='data:post.thumbnailUrl'>
                                <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
                              </b:if>
    Удалите отрезок _url из всех найденных кодов image_url в шаблоне блога.
    У вас должен получиться следующий код
    <b:if cond='data:post.thumbnailUrl'>
                                <meta expr:content='data:post.thumbnailUrl' itemprop='image'/>
                              </b:if>
  • исправляем ошибки Blogid и Postid
    Они дают следующие ошибки: “Свойство blogId недопустимо для объекта типаBlogPosting” и “Свойство postId недопустимо для объекта типаBlogPosting
    Исправляем также в окне редактора шаблона Blogger. Также делаем резервную копию. В поиск по шаблону вводим “blogId” и находим следующий отрезок кода:
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
      <meta expr:content='data:post.id' itemprop='postId'/>

    Просто удаляем этот код (метатеги) и сохраняем изменения. Снова проверяем в валидаторе. Все должно получиться!
Читать далее ...

2015-02-22

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

текст не в той раскладке
Xnj ltkfnm? rjulf ntrcn yf,hfy yt d njq hfcrkflrt/ Ой! Что делать, если текст набран не в той раскладке? Как исправить? Для этого существуют онлайн сервисы, программы и расширения для браузеров.
Начнем с сервисов онлайн, в которых вы можете перевести текст, набранный в неправильной раскладке. Действия в них однотипны – вставляем в одно окошко “абракадабру”, нажимаем “перевести”, “расшифровать” и готово!
неправильная раскладка текста
Вам нужно лишь выбрать один из сервисов на ваш вкус:
/*
  • http://www.artlebedev.ru/tools/decoder/
  • http://www.gsgen.ru/index.php?id=1
  • http://vk.com/app189173– приложение вконтакте
  • http://tinklai.dkd.lt/papildomai/belib-rus.htm
  • http://sovtime.ru/soft/convert.html
  • http://raskladki.net.ru/
Есть расширения для Оперы, Google Chrome и Mozilla Firefox. Ссылки на эти плагины вы найдете на сайте raskladki.net.ru. Минусом этих расширений является то, что они перекидывают на этот сайт, и там уже производится перевод.
По работе с текстом вам могут быть интересны следующие статьи:
Программа для исправления неправильной раскладки текста от разработчиков Яндекса – Punto Switcher.
Ссылка на скачивание - http://punto.yandex.ru/
Программа автоматически переводит текст в нужную раскладку, даже если вы начали писать абракадабру на русском или английском языке, она узнает слова. За это отвечает функция “Автопереключение”:
автопереключение  Punto Switcher
Если вам не нужна эта функция, то вы можете ее отключить, а при обнаружении неправильной раскладки, быстро конвертировать текст при помощи “Pause Break”.
еСЛИ ВЫ НАЧАЛИ ПИСАТЬ ТАК (случайно нажали Caps Lock), то исправить регистр вам помогут горячие клавиши “Alt+Break”. Выделите текст и нажмите горячие клавиши.
Alt + Scroll Lock помогут вам транслитерировать выделенный текст.
В программе назначены еще горячие клавиши, о которых вы можете узнать в специальном разделе программы или назначить свои:
горячие клавиши Punto Switcher
А что, если вам нужно специально написать текст латинскими символами, чтобы никто ничего не понял, например, вы задали такой пароль. Откройте во вкладку “устранение проблем” и установите клавишу, нажатием которой вы не дадите программе менять раскладку автоматически.
Функция “Автозамена” поможет вам составить целый словарь условных обозначений, которые будут переводиться в нормальный текст.
автозамена Punto Switcher
Если вы хотите, чтобы все, что вы набираете на клавиатуре сохранялось в памяти компьютера на какое-то время, то настройте “Дневник”, который вы найдете в соответствующем разделе программы. Полезно для блоггеров.
Читать далее ...

2015-02-18

Цена разработки логотипа + опрос

цена разработки логотипа
Логотип – часть бренда компании. Нередко при упоминании какой-либо компании, первое, что вспоминаешь – это ее “лицо”, а точнее – логотип. Поэтому разработка логотипа является делом достаточно серьезным.
Все мы, блоггеры, тоже пытаемся зарабатывать деньги. Продвигаем свои проекты и хотим, чтобы их узнавали. Поэтому свои фирменный логотип не помешает никому. Читайте как создать логотип
Провела небольшое мини исследование – сколько стоит разработка логотипа. Ценами была впечатлена. Не буду перечислять, смотрите сами скриншоты:
/*
  • Логотип по цене 2999 рублей. заметьте цена по акционная, с 30% скидкой! 
    логотип цена
  • 3 логотипа по цене одного – всего за 34 999 рублей!

    логотип цена акция
  • Стоимость разработки логотипа 30 000 рублей.
    стоимость разработки логотипа
  • Разработка от 5 000 рублей.
    цена-качество при раработке лого
Скриншотов можно еще приводить бесконечное множество, но проанализировав цены, я пришла к выводу, что разработка логотипа начинается от 3000 рублей.
В связи с этим среди фрилансеров следующая схема заработка – они генерируют симпатичный логотип в одном из онлайн сервисов, что выходит гораздо дешевле, а затем продают работу в три-пять раз дороже. Можете попробовать и вы Подмигивающая рожица
А сейчас заполните, пожалуйста мини опросник “Критерии создания логотипа”
Читать далее ...

Как скрыть картинку-превью из записи blogspot


спрятать изображения миниатюр blogspot
Иногда возникает желание не дублировать изображения на главной странице блога (превью или миниатюры блога) и в сообщениях блога. Например, посмотрите, как это реализовано в этой записи блога и взгляните на нее “со стороны” – с главной страницы (если эта статья не ушла еще с главной страницы) или со стороны архивов за февраль 2015 года.
Итак, так выглядит наша запись с главной страницы:
вид с главной страницы блога
а так – на самой странице сообщения. Здесь – изображение-превью записи исчезает (нажмите для увеличения)
/* запись блога
Этот трюк для blogspot работает лишь в том случае, если вы загружаете картинку непосредственно через редактор записи блога, вставляете через url фотки из веб альбомов Picasa или загружаете запись с фотками через программу Windows Live Writter
загрузка картинки в блог blogger
Примечание. Читайте также почему не работает лайтбокс при загрузке фотографий через Writter на Blogger, и как с этим бороться.

Как спрятать превью в сообщении блога Blogger

Для этого редактируем опубликованную запись блога и добавляем в режиме HTML атрибут style:
style="display:none;"
Если в коде вашего изображения уже прописаны стили, то замените их полностью на предложенный выше отрезок кода. Код картинки в вашей публикации примет вид:
<img src="url изображения" style="display:none;">
Скриншот:
скриншот код изображения blogpot
Читать далее ...

2015-02-15

Ротатор баннеров на любой сайт (баннерокрутилка)

ротатор баннеров скрипт

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

Содержание статьи:

Пример баннерокрутилки:

Чтобы баннеры менялись, вам нужно обновить страницу несколько раз.

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

Как добавить ротатор баннеров на любой сайт

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

/*

<script type="text/javascript">
var mycrib = [];
mycrib[0] = '<a href="ваша партнерская ссылка" target="_blank" rel="nofollow"><img src="ссылка на изображение баннера" alt="название баннера" width="300" height="250"></a>'

mycrib[1] = '<a href="ваша партнерская ссылка" target="_blank" rel="nofollow"><img src="ссылка на изображение баннера" alt="название баннера" width="300" height="250"></a>'

mycrib[2] = '<a href="ваша партнерская ссылка" target="_blank" rel="nofollow"><img src="ссылка на изображение баннера" alt="название баннера" width="300" height="250"></a>'

var x = 0;

function rotate(mycrib) {
while (x < mycrib.length) {
var sort = Math.floor(Math.random() * mycrib.length);
if (mycrib[sort] != 0) {
document.getElementById('adspace').innerHTML = (mycrib[sort]);
mycrib[sort] = 0;
x++;
}
}
}
</script>

<script>
#adspace {

}

#adspace img {

}
</script>

<div id="adspace">
<script type="text/javascript">
rotate(mycrib);
</script>
</div>

 

Скопируйте выше предложенный код, замените выделенное желтым цветом – на вашу партнёрскую ссылку, зеленым – ссылка на изображение, а фиолетовым – заполняем атрибут alt – название баннера. Не забудьте проставить размеры каждого баннера в коде скрипта (width – ширина баннера, а height – высота).

Если вы хотите прокручивать больше, чем три баннера, то добавьте еще несколько раз отрезок кода. Не забудьте лишь заменить цифру в квадратных скобках на следующую по счету. Так, при добавлении четвертого баннера у вас получиться mycrib [3] далее отрезок кода, пятого - mycrib [4] далее отрезок кода и т.д.

mycrib[1] = '<a href="ваша партнерская ссылка" target="_blank" rel="nofollow"><img src="ссылка на изображение баннера" alt="название баннера" width="300" height="250"></a>'

Эти отрезки кода, отвечающие за добавление дополнительных баннеров в баннерокрутику, нужно добавлять перед кодом var x = 0; в скрипт.

Этот ротатор меняет баннеры после каждого обновления страницы.

Полученный код нужно вставить

  • Если у вас Wordpress – в виджет Текст,
  • В Blogger (Blogspot) – в гаджет HTML/JavaScript,
  • на Ucoz – добавить новый блок и вставить в поле HTML.

по аналогии добавляем его в Joomla и dle.

Генератор баннерокрутилки:

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

Теперь переходим на страницу на страницу генератора

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

скрипт ротатора баннеров

Привожу доступный перевод функций генератора:

  • Automatically refresh image – автоматическое обновление изображения,
    если вы выбрали этот пункт, то укажите сколько секунд будет длиться просмотр каждого баннера (How often: secund)
  • New image with every page load – новое изображение после перезагрузки страницы,
  • Where do you want the page to open: – укажите как будет открываться ссылка – в том же окне или на новой странице (top, new или blank)
  • Image width и Image heigh – ширина и высота изображения соответственно.
  • Banner rotator number: 1. По умолчанию – 1, но у вас несколько баннерокрутилок на одной странице, то для каждого следующего ротатора используете другой номер.
  • url for link 1 – партнеркая ссылка 1,
  • url of image – соответствующая картинка (баннер)
  • alt text – название баннера.

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

Узнайте как повысить цену клика в Google Adsense

Ротатор баннеров на wordpress

Интересным плагином для wordpress, выполняющим ротацию баннером является  Simple Ads Manager.

Установите и активируйте плагин. В результате в левой панели админки Wordpress у вас появится раздел “Реклама”.
плагин баннерокрутилки
Выберите подрубрику “Новое место”. Добавляем название и описание. Здесь еще есть дополнительные настройки. Сохраняем изменения.

Теперь жмем на вкладку “Рекламные места” –> Название вашего рекламного места –> Новое объявление

ротатор баннеров на wordpress

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

код ротатора баннеров

Здесь также вы найдете множество настроек –  количество показов, приоритет, на каких страницах запретить показы и прю

Как вставить баннерокрутилку:
Код с id ротатора баннера:

<!--?php if(function_exists('drawAdsPlace')) drawAdsPlace(array('id' =--> 2), true); ?>

Теперь идем в редактор блога и вставляем этот код туда, гже вы хотите видеть рекламу.

Как сделать ротатор баннеров на ucoz

Идем в админ панель ucoz. Здесь переходим по пути Инструменты –> Ротатор баннеров

ротатор баннеров на ucoz

Создаем категорию:

категория ротаторов баннеров юкоз
Нужно лишь дать ей название.

Теперь нажмите на кнопку “Добавить баннер”:

баннерокрутилка юкоз

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

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

получить код

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

И еще приятное для владельцев блогов - скрипт от юкоа можно добавить на блоги других платформ, и он будет прекрасно работать!

Спасибо за внимание!

Читать далее ...

2015-02-13

Разместить слайдшоу, или презентацию на facebook


слайдщоу фейсбук
Photosnack – онлайн-сервис, который поможет вам вставить слайдшоу на стену Facebook.
Фотографии для вашего слайд-шоу вы можете загрузить с компьютера, а можете подгрузить с различных сервисов – будь то фейсбук, google +, instagram, flickr или photobucket.

Вам может быть интересно: Как создать слайдшоу онлайн  и как загрузить гифку на фейсбук

Как создать слайд-шоу, или презентацию онлайн в Photosnack

  • Перейдите на сайт Photosnack
  • Войдите в аккаунт с помощью выстрого входа через facebook, google+ или twitter.
  • Нажмите на иконку “New slideshow” для начала создания презентации.
    новое слайдшоу
  • Загружаем фото в генератор. Можете выбрать сразу несколько фоток, удерживая CTRL:
    загрузить фото
    Если вы хотите загрузить фотографии из социальных сетей, то предоставьте доступ к аккаунтам (ссылки находятся чуть ниже кнопки “Upload your photos”
  • После загрузки фотографий, нажимаем кнопку “Next”
    загрузка фото для создания слайдшоу /*
  • Добавляем название слад-шоу и описание
    название слайд-шоу
  • Перед тем, как завершить создание презентации (до нажатия на кнопку “finish”, вы можете провести редактирование слад-шоу. Нажмите на ссылку “Edit slideshow”:
    редактировать фото photosnack
    Здесь вы можете добавить фото из социальных сетей или из компьютера. При наведении на миниатюру фото, станут доступны кнопки для быстрого редактирования (поворот фото и изменение порядка слайдов). Для дополнительного редактирования фото нажмите на ссылку “edit photos”.

    редактировать фото для преентации
    Здесь добавляем название фото, описание, ссылку или удаляем фото. Одобряем результат – кнопка “Done”.
  • Переходим к следующему шагу – выбор шаблона Choose Templates. В генераторе доступно 8 шаблонов для презентации.
    шаблоны слайд-шоу

    Изменяем размеры слайд-шоу - Custom size или Preset size.
    В разделе “Setting” (Настройки)

    Show image info – показывать описание и название фото
    Load original images – загрузить оригинальное фото
    Show title and description - показывать название и описание слайд-шоу
    Show share buttonsAdvanced – показывать кнопки “Поделиться”
    Allow fullscreen – развернуть на весь экран
    Auto slideshow – автоматическое проигрывание слайд-шоу.
    Auto slideshow delay:  sec Длительность слайда в секундах. 
    Slideshow loop – цикл слайд-шоу.

    Раздел “Audio” поможет вам наложить музыку на слайд-шоу (Choose track – выбираем трек из галереи, а Upload music – загрузить музыку.

    Раздел “background” – выбор фона для фотографий презентации.

    Нажимаем кнопку “Finish”
  • Публикация презентации (слайдшоу) на facebook – нажимаем на соответствующую иконку.

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

    публикация слайдшоу facebook

Так выглядит ваше слайд-шоу в ленте фейсбук:
презентация facebook
Просматриваем презентацию:



.
Читать далее ...

2015-02-10

Устанавливаем кнопку “Купить” на сайт + подключение партнерской программы

кнопка купить
Большинство блоггеров стремятся побольше зарабатывать на своих блогах. Самые распространенные виды заработка – это продажа ссылок, заработок на контекстной рекламе и на партнерских программах. Эти виды заработка имеют свои недостатки. О том, как заработать на blogspot я уже писала ранее.
Смотрите сравнительную таблицу по видам заработка на блоге или сайте.

Виды заработка Факторы, обеспечивающие высокий доход Плюсы вида заработка Минусы
Продажа ссылок
  1. Высокие показатели блога, в частности ТИЦ.
  2. Хорошая индексация сайта.
+ возможен хороший доход - возможно попадание под фильтры поисковиков,
- непассивный вид заработка
Контекстная реклама
  1. Хорошая посещаемость ресурса,
  2. Коммерческая тематика
  3. Правильное размещение рекламных блоков и удачный выбор цветовой гаммы.
+ пассивный доход - уход с сайта по ссылке из рекламы ухудшает поведенческие факторы,
- невозможно иметь хороший доход сайтам с небольшой посещаемостью.
- доход условно пассивный, так приходится постоянно проводить работу над сайтом.
Партнерские программы
  1. Высокая посещаемость страниц с партнерскими ссылками
  2. Вашей аудитории интересны продукты, которые вы предлагаете.
  3. Платежеспособность ваших читателей, а точнее готовность платить.
+ правильно подобранные партнерки приносят хороший пассивный доход - новичкам трудно выбрать "правильную" партнерку.
- часто дают нулевой доход.
Продажи
  1. Чем больше посещаемость, тем больше продажи,
  2. Вашей аудитории интересен ваш продукт
+ вся прибыль идет вам, кроме отчислений платежной системе
+ доход значительно выше, чем при других видах заработка,
+ возможно зарабатывать при небольшой посещаемости.
- возможно недоверие со стороны читателей
Самый выгодный вид заработка – это продажи.

Что можно продавать на сайте?

  • Это могут быть электронные книги, курсы.
  • учебные презентации,
  • видеоуроки,
  • рефераты, контрольные, дипломные работы.
  • шаблоны для сайтов или любая графика (фоны, кнопки и пр).
  • и даже уникальные статьи. К примеру можно создать магазин готовых статей.
Таким образом, товаром на сайте может быть все, что можно скачать.
К лучшей конверсии продаж (“продаваемости” товаров, если можно так сказать Улыбка) приведет вас создание лендинг пейдж. Но сегодня речь пойдет не об этом. Я расскажу вам о том, как вставить кнопку “купить” в любую статью на блоге и как создать для любого товара партнерскую программу. Все это можно сделать за 3 минуты в специальном сервисе Paysystem. Это сервис моментального приема платежей. Организовать продажи вы сможете на любой вебстраничке – и на вордпресс, и на blogspot, и на ucoz, и wix, и на justclick и на любой другой.

Регистрация на сервисе не должна вызвать затруднений:
регистрация на paysystem
Что нам понадобится, чтобы выставить цифровой товар на продажу:
  • страничка с описанием товара (любая статья в блоге о товаре),
  • страница, которая будет показана в случае отказа от оплаты. Создаем любую скрытую страницу на блоге с парой предложений, адресованных покупателю.
  • загрузить ваш файл, который вы намеренны продать, на яндекс диск, на сам сайт или любой облачный сервис.
  • требованием сервиса является указание ваших контактов на продающей странице.
Как организовать продажу:/*
  1. Перейдите на страницу “Мои сайты” и нажмите на кнопку “Добавить сайт”
    добавить сайт
  2. Заполняем основные данные. Наименование товара, сайт товара (страница с описанием, где будет установлена кнопка “купить”), цена – указываем желаемую цену, в статусе “продажи активны” ставим галочку.
    добавить товар на продажу
  3. В следующем шаге вы можете подключить партнерскую программу и назначить процент отчислений вашим реффералам. Партнерскую программу можно и не подключать
    добавить партнерскую программу
  4. В категории и описание товара:
    описание товара
  5. Форма оплаты. загружаем скриншот сайта или товара. Графа “После оплаты” – какую страницу показывать после оплаты и какую страницу показать при отказе от оплаты.
    форма оплаты
  6. Переходим на страницу “Мои сайты” и нажимаем на “Ссылки”:
    подключаем кнопку купить на сайт
  7. На открывшейся странице вы получите ссылки на страницу оплаты и ссылки для партнеров. Скрипт со всплывающей кнопкой я рекомендую устанавливать только в том случае, если у вас одностраничник, так как на всех страницах сайта будет всплывать кнопка “купить”.
    кнопка купить на сайт
  8. Копируем ссылку на страницу оплаты и возвращаемся на вашу страницу с описанием товара. Загружаем в статью изображение с кнопкой “Купить” и делаем ее ссылкой на страницу оплаты, которую нам предлагает сервис.
  9. Теперь на вашем сайте можно купить товар более 40 способами приема платежей. Выплаты же вам будут осуществляться на вебмани или на банковскую карту.
Читать далее ...

2015-02-08

Конструктор лендинг пейдж

конструктор лендинг пейдж
В интернете все владельцы сайтов или блогов, а также раскрученных аккаунтов социальных сетей занимаются продажами или участвуют в них. Даже если вы не продаете непосредственно продукт, а лишь участвуете в цепочке его продвижения и получаете за это деньги, то вам необходимы инструмент, которые увеличивали конверсию.
И конечно лучше стремиться создать свой продукт для продажи или продавать услуги. Вы можете предлагать услуги копирайтера, оптимизатора, дизайнера, а также создание видеороликов, написание дипломных работ и рефератов, верстка сайтов и т.п.
Где находят своего клиента фрилансеры? Чаще всего это специализированные биржи, например, workzilla.
Плюсы бирж:
  • вам не нужно самостоятельно заниматься поиском заказчиков
Минусы:
  • Вам придется делиться с биржами частью дохода в виде комиссии, а некоторые требуют и вступительных взносов
/* Как работать/продавать без посредников? В первую очередь вам нужно создать свою продающую страницу, а именно лендинг пейдж. К слову сказать, продавать можно и с обычной страницы блога, но конверсия будет в разы меньше, потому что продающая страница – это яркая, призывающая купить, со встроенными счетчиками нацелена именно на продажу.
Некоторые создают лендинги под чужие выгодные партнерки и льют на них трафик с тизеров и контектсной рекламы. Этот вид бизнеса называется CPA (“Cost per action” – оплата а действие: продажу, подписку, регистрацию).
Вы можете ознакомиться с инфографикой по созданию эффективной продающей страницы:
инфографика создания лендинг пейдж
В интернете существует множество генераторов подобных страниц, но я хочу познакомить вам с конструктором maxpage.ru. здесь вы можете один раз купить конструктор и создавать неограниченное количество продающих страниц.

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

  • Вначале нужно убедиться, что ваш хостинг поддерживает PHP не ниже 5.3, а установленный ionCube – не ниже версии 4.6.1. Если параметры не соответствуют указанным, то можно написать в поддержку на хостинге для обновления версий.
  • Перейдите на сайт maxpage.ru, зарегистрируйтесь и пополните счет
    купить конструктор лендинга
  • Скачайте последнюю версию конструктора.
  • Распакуйте архив,
  • Залейте содержимое архива из папки Upload на хостинг в папку вашего сайта. Используйте для этого бесплатный FTP-клиент Filezilla. Чтобы закачать на сервер – установите соединение с сервером через Filezilla, в левом окне у вас должна быть открыта директория с папкой Upload, а в правом – папка с вашим сайтом (www->папка с вашим сайтом): 
    загрузка конструктора через filezilla
  • теперь перейдите по адресу ваш_сайт/директория, если есть/wic-install.php Здесь вы увидите форму входа: 
    форма входа
    Введите в верхнее поле – ваш логин от designerlp, ниже – пароль от сайта, а в нижнее поле вам нужно будет сгенерировать ключ. Для этого возвращаемся на сайт конструктора и нажимаем на главной странице на кнопку “Генератор ключей”. В поле wic вводим ваш wic код со страницы входа и нажимаем “генерировать”
    генерировать ключ
  • Когда все поля заполнены, нажимаем “готово”, и вы активируете конструктор, после чего будете перенаправлены на страницу ваш_сайт/директория, если есть/admin/index.php Здесь вам снова придется ввести ваш логин и пароль от админпанели конструктора. 
    авторизация в конструкторе лендинга
  • И вот теперь вы можете творить в генераторе: 
    создание landing page

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

Приём онлайн платежей на лендинге

Для этого, для конструктора designerlp разработан специальный модуль WAYtoPAY.
Установка модуля:
  • Перейти по ссылке, зарегистрироваться на форуме и купить модуль WAYtoPAY (for Designerlp)
  • Скачать и разархивировать платежный модуль
  • Загрузить на хостинг в папку вашего лендинга по пути www->ваш_сайт->возможная директория (если загружали конструктор в папку) –> admin –> sistems –> modules
    Так это выглядит в Fillezilla:
    загруить waytopay
    Вот и все! Платежный модуль установлен. Теперь переходим к настройкам модуля.

Настройка модуля WAYtoPAY
  • Регистрируемся на сервисе WAYtoPAY
    2015-02-08_18-24-29
  • Создайте новый проект
    добавить проект waytopay
  • Заполните все необходимые поля для создания проекта
    - дайте название новому проекту,
    - укажите на каком сайте будет использоваться,
    - поля Result URL, Success URL и Fail URL берут из платежных настроек конструктора лендинга (смотри следующий пункт)

    создать проект waytopay
  • Для того, чтобы завершить создание сервиса (проекта) на WAYtoPAY нам нужны параметры Result URL, Success URL и Fail URL . Чтобы их узнать вы идете в свой конструктор и нажимаете на иконку настроек:
    настройки иконка
    Здесь переходим в категорию “Системы оплаты” и видим необходимые ссылки, которые переносим копированием на WAYtoPAY.
    система оплаты
  • Завершаем создание проекта.
  • Не закрываем страницу проекта на WAYtoPAY и страницу настроек в конструкторе. Теперь нам нужно перенести id и ключ проекта с WAYtoPAY в настройки системы оплаты:
    переносим ключ и id
  • Если вы хотите иметь возможность принимать платежи в вебмани, то вам нужно активировать ее. В проекте WAYtoPAY нажмите на кнопку “Активация Webmoney” и заполните необходимые поля.
    Примечание: у вас должен быть сертификат вебмани персональный или выше и должна быть установлена на сайте кнопка “Мы принимаем Webmoney”.
Как сделать кнопку купить на лендинге
  1. Возвращаемся в конструктор лендинга и нажимаем на кнопку “Оплата”
    оплата на продающей странице
  2. Попадаем в конструктор формы оплаты. Здесь вы видите зеленые и голубые кнопки. Зеленые – видимые поля для покупателя, а голубые – для вас.
    • кнопка “Создать” – это кнопка “купить”
    • зеленая кнопка “Цена” – поле с указанием цены заполняет покупатель, т.е. цену определяет покупатель.
    • голубая кнопка “Цена” – скрытое поле. Вы назначаете цену сами.
    • кнопка “Описание покупки” – обязательное скрытое поле. Заполняется для вас.
    • остальные кнопки – необязательны. Если они вам понадобятся, то вы сами сможете в них разобраться.
    • После заполнения всех полей нажмите кнопку “Запомнить”.
      создание формы оплаты
  3. Вставляем созданную форму оплаты на продающую страницу. Теперь выбираем кнопку “Вставить код оплаты”
    вставить код оплаты
    Результатом такого действия может стать лишь одна кнопка “Купить”. Отредактируйте ее, изменив размер, надпись, расположение, цвет и другие параметры, воспользовавшись инструментами на левой панели.
Автором и разработчиком данного конструктора лендингов является Владимир Кулаксизов.
Спасибо за внимание!
Читать далее ...