5.4.1 Blogger - статья

«Подводные камни»  в Blogger

Или

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

   А теперь все по порядку.

На сервисе Smartrespoder я сгенерировал форму, скопировал код и вставил  его в гаджет HTML.

    Создаю 1-й гаджет HTML1:

Админ –панель ,  Дизайн, «Добавить гаджет» , выбираю гаджет HTML,  даю ему название «Форма подписи на землю» и в поле «Содержание» вставляю код формы.

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

командой Ctrl -  F  вызываю поиск и вставляю width: 250px; - такая ширина была установлена при генерации кода на сервисе Smartrespoder. Я поменял его на width: 180px;

Фрагмент кода:

</script>

<div id="outer_alignment" align="center">   

<form class="sr-box" method="post" action="https://smartresponder.ru/subscribe.html" target="_blank" name="SR_form_183188_31" style="width: 180px; border: 2px solid rgb(184, 184, 184); margin-left:3px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;">

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

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

См.по рисунку:

Нахожу код HTML1:

<b:section-contents id='sidebar-left-1'>

  <b:widget id='HTML1' locked='false' title='Форма подписи на землю.' type='HTML'>

    <b:includable id='main'>

   <!-- only display title if it's non-empty -->       

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/>   

   </b:includable>

  </b:widget>

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

      <b:if cond='data:blog.url == &quot;url страницы &quot;'>

    </b:if>

Открываю продающую  страницу в браузере

копирую ссылку на нее:

http://kuznetsovadim.blogspot.ru/2013/12/blog-post_13.html

Вставляю код страницы – форма не отображается. Прошло три дня

И проблема была обнаружена.  Когда  я записал в адрес страницы

вместо расширения .ru   расширение .com все заработало.

Во вкладке Настройки  нашел, что адрес моего блога:

http://kuznetsovadim.blogspot.com/,

а адресная строка браузера выдает:

http://kuznetsovadim.blogspot.ru/

Окончательный Код гаджета HTML1 с двумя добавленными строчками кода (выделено жирным):

<b:section-contents id='sidebar-left-1'>

  <b:widget id='HTML1' locked='false' title='Форма подписи на землю.' type='HTML'>

    <b:includable id='main'>

      <b:if cond='data:blog.url == &quot;http://kuznetsovadim.blogspot.com/2013/12/blog-post_13.html&quot;'>

  <!-- only display title if it's non-empty -->

     <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

</b:if>

  <b:include name='quickedit'/>

       </b:includable>

  </b:widget>

Век живи, век учись…….