Systém komentářů pomocí jQuery a Ajax.

 2012-10-27 00:00:00
 Dmitry Burobin

Dnes vytvoříme systém komentářů s automatickou kontrolou vstupních dat pomocí technologie Ajax a přidáváním nového komentáře s použitím jQuery bez znovunačtení stránky.

Série článků:
1) Systém komentářů pomocí jQuery a Ajax.
2) Lajkování neboli karma u komentářů.
3) Strankování.

Vytvoření tabulky a připojení k databázi.

Vytvoříme si tabulku comments, do které budeme ukládat: identifikátor komentáře ( id ), identifikátor rodičovského komentáře ( parent_id ), jméno ( name ), text komentáře ( text ) a datum přidání komentáře ( date ).

CREATE TABLE `comments` (
`id` INT ( 5 ) NOT NULL AUTO_INCREMENT,
`parent_id` INT ( 5 ) NOT NULL,
`name` VARCHAR ( 255 ) NOT NULL,
`komentar` TEXT,
`date` DATETIME,
PRIMARY KEY(`id`)
)ENGINE = MYISAM CHARACTER SET utf8 COLLATE utf8_general_ci

Taktéž si vytvořte soubor db.php, pro připojení k databázi.
<?php
$DBSERVER 'localhost'//server, který bude použít pro navázáníspojení s DB 
$DBUSER 'root'//Váš mysql login, nejspíš je stejný jako u mě pro localhost, tudiž root 
$DBPASS '****'//heslo, které jste zadaval při instalaci MySQL 

$DB 'test'//databáze, s kterou budeme pracovat 

//navazení spojení pomoci mysql_connect  
$link mysql_connect($DBSERVER$DBUSER$DBPASS)  or die("Could not connect: " mysql_error()); 
//vybírame databázi 
mysql_select_db($DB$link) or die ('Can\'t use test : ' mysql_error()); 
//řekněme MySQL, že všechná data jsou ve formatu UTF-8 
mysql_query("SET NAMES UTF8");
?>

index.php

Hlavní stránka bude obsahovat formulář pro přidávání komentářů s polem pro jméno, zprávu a skryté pole, do kterého budeme ukálát identifikátor rodičovského komentáře, pokud někdo bude odpovídat na nějaký komenář. Soubor index.php vypadá takto:

<?php
/*Soubor pro vybírání komentářů z databáze*/
require_once 'comment.php';
?>
<!DOCTYPE html>
<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">

<
head>
    <
title>Systém komentářů.</title>
    <
meta charset="utf-8" >
    
    <
link rel="stylesheet" href="style.css"> <!-- soubor se styly -->
    <
script src="jquery-1.7.1.min.js"></script> <!-- připojení jquery -->
    <script src="comment.js"></script> <!-- funkce potřebné pro přidávání komentářů -->
    
</head>
<body>
<ul id="commentWrapper">
<?php
/*Zde v proměnné $comments jsou komentáře*/
echo $comments;
?>
<!-- formulář pro přidávání komentářů -->
</
ul>    
    <
div id="commentBox">
        <
input class="validate" type="text" name="name" >
        <
input id="parent" type="hidden" name="parent_id" value="">
        <
div class="commentText">
            <
textarea name="text"></textarea>
        </
div>
        <
button>Přidat</button><img class="loader" src="loader.gif">
    </
div>
</
body>
</
html>

Styly a knihovna jQuery

Pro správné fungování potřebujeme připojit knihovnu jQuery. Tu buď stáhnete z oficiálního webu nebo z archivu s tímto článkem. Pak, aby komentáře líp vypadali přidáme styly, nic složitého v nich není, proto je nebudu popisovat:

body
{
    
margin:0;
    
padding:0;
}
ulli
{
    list-
style-type:none;
}
.
loader
{
    
display:none;
}
#commentBox
{
    
width:400px;
    
padding:10px;
}
#commentBox input
{
    
width:250px;
    
height:25px;
    
padding0 5px;
    
margin:5px;
    
bordersolid 1px #ccc;
    
background:#f1f1f1 url(bg_input.png) no-repeat;
    
font400 12pt/14pt Ume Gothic O5;
}
#commentBox textarea
{
    
width:250px;
    
height:100px;
    
margin5px;
    
padding5px;
    
bordersolid 1px #ccc;
    
background:#f1f1f1 url(bg_koment.png) no-repeat;
    
font400 12pt/14pt Ume Gothic O5;
}
#commentBox button
{
    
height:30px;
    
width:85px;
    
margin-left183px;
    
margin-top:0px;
    
font:700 12pt/14pt Ume Gothic O5;
}
#commentWrap
{
    
width:350px;
    
padding:10px;
    
padding-bottom:3px;
    
margin:10px;
    
border1px solid #ccc;
    
border-radius:10px;
    
background:#f7f7f7;
}
#commentWrap .komentar
{
    
padding:5px;
    
padding-left:0px;
    
border-top:1px solid #ccc;
    
margin-bottom:10px;
    
font:400 12pt/14pt Times New Roman;
}
#commentWrap .replay
{
    
margin-left:270px;
    
font:700 10pt/12pt Ume Gothic O5;
}
#commentWrap a
{
    
text-decoration:none;
}
#commentWrap .commentName
{
    
font:700 10pt/12pt Ume Gothic O5;
}
#commentWrap .commentDate
{
    
font:400 11pt/13pt Times New Roman;
}
.
repName
{
    
font:400 12pt/14pt Times New Roman;
    
font-style:italic;
}
.
repText
{
    
font:700 10pt/12pt Ume Gothic O5;
}
.
repDate
{
    
font:400 9pt/11pt Times New Roman;
    
font-style:italic;
}

comment.php

Tento soubor je určen pro vybírání dat z databáze a vkládání těchto dat do šablony.

<?php
// Vložíme soubor s připojením k databázi. ( musí se nacházet ve stejné složce ) 
require_once 'db.php';

// Vybereme komentáře z databáze
$query mysql_query("
         SELECT `id`,`parent_id`,`name`,`komentar`, 
         DATE_FORMAT(date, '%d %M %Y %H:%i') as date_add
         FROM `comments` ORDER BY `id` ASC 
         "
);
         
// Pokud při vykonání příkazu nastané chyba vypišeme ji
if(!$query) { echo mysql_error() . " - " mysql_errno(); }
else {

// Jinak pomocí cyklusu projdeme všechny záznamy v tabulce
        
while($result mysql_fetch_assoc($query))
        {
            
// a uložíme je do pole $data  
            
$data[$result['id']] = $result;
        }

// Funkce pro vkládání dat ( komentářů ) do šablony
function commentsToTemplate($comment)
{
// $comment - pole komentáře - id, parent_id, name, text, date 
    
// Zapneme bufferování výstupu, aby šablona nebyla zobrazená v místě volání funkce
    
ob_start();  
      
// Připojíme šablonu comment_template.php, do které vložíme data z pole $comment
    
require_once 'comment_template.php';                     
  
// Získáváme obsah bufferu jako řetězec   
    
$comments_string =  ob_get_contents(); 

// Vymažeme všechno z bufferu
    
ob_end_clean();

// Vrácíme komentář jako řetězec   
    
return $comments_string;    
}

// Funkce pro zpracování pole $data, které
// bude rozděleno do jednotlivých komentářů a odesláno funkci 
// commentsToTemplate
function commentsString($data)
{
    foreach(
$data as $w
    {
        
$string .= commentsToTemplate($w);
    }
 
return 
$string
}  

// proměnná $comments obsahuje naše komentáře, které zobrazujeme na hlavní stránce
$comments commentsString($data);

// vynulujeme proměnnou $data 
$data null;
}
?>

comment_template.php

Toto je vlastně šablona jednotlivého komentáře.

<?php
// Do této šablony se načítají data z pole $data, která jsou odesláná funkci commentsToTemplate
echo '<li id="comment'.$comment['id'].'">
    <div id="commentWrap">'
;
        
// Pokud existuje parent_id, pak zobrazíme, že se jedna o odpověď
        
if($comment['parent_id']!=0)
        {
// Vybereme z DB jméno a datum rodičovského komentáře
            
$q mysql_query("SELECT `name`, DATE_FORMAT(date, '%d %M %Y %H:%i') as date_add FROM `comments_my` WHERE `id`='".$comment['parent_id']."'");
            
$r mysql_fetch_assoc($q);
            echo 
'<span class="repText">Odpověď na komentář</span> <span class="repName">
            '
.$r['name'].'
            </span> <span class="repText">from</span> <span class="repDate">
            '
.$r['date_add'].'
            </span><br>'
;
        }
        
// Zobrazíme jméno a datum přidání
echo    '<span class="commentName">'.$comment['name'].'</span> - <span class="commentDate">'.$comment['date_add'].'</span>
        <div class="komentar">
<!--Zobrazíme text komentáře-->
            '
.$comment['komentar'].'
        </div>
<!--Pokud zmačkneme na tento odkaz, pak se do skrýteho pole s názvem parent_id přidá
identifikátor tohoto komentáře. 
Použil jsem zde JS událost onClick, tzn. pokud je tlačítko zmačknuté, pak najdi prvek s 
id parent ( což je skrýte pole parent_id ) a do hodnoty přidej id komentáře, na který chcete odpovědět-->
        <a class="replay" href="javascript:;"
        onClick="document.getElementById(\'parent\').value='
.$comment['id'].';">Odpovědět</a>
    </div>
</li>'
;
?>

comment.js

Tento soubor je určen pro odesílaní dat na server a přidávání do databáze

$(document).ready(function(){
    
// Objekt commentBox bude obsahovat data pro odesílání na server
    
var commentBox = {};
    
// Po kliknutí na tlačítko přidat      
     
$('#commentBox button').live('click',function(){
         
// Do objektu commentBox bude přidána hodnota skrýteho pole input s názvem parent_id,
// které obsahuje id rodičovského komentáře a pokud je prázdné tak bude 0, což znamená, že
// se jedná o nový komentář bez reakci na něj ( toto se bude ověřovat až odešleme data na server ).   
        
commentBox.parent_id = $('#commentBox').find("input[name='parent_id']").val();
        
// Taktéž přidáme do objektu commentBox hodnotu pole name a zprávu
        
commentBox.name = $('#commentBox').find("input[name='name']").val();        
        
commentBox.text = $('#commentBox').find("textarea").val();
// Abyste to lépe pochopili syntaxe toho, jak přidáváme hodnoty do objektu je:
// Objekt.název_proměnné = hledáme input nebo textarea.hodnota pole

// Funkce pro odesílání dat na server        
        
sendData();
     });
    

function 
sendData()
{
// Najdeme tlačítko schováme jej a zobrazíme loader ( ten si můžete stáhnout z archivu )
    
$('#commentBox').find('button').hide().next().show();

// Odešleme    data metodou post na server
    
$.post(
// Soubor, ve kterém se provádí ověřování dat a přidávání komentářů     
        
"addkoment.php",
// Objekt s proměnnými (parent_id, name a text)
        
commentBox,
        function(
data){
// Pokud jsou nějaka data, to znamená, že nastala chyba
            
if(data)
            {
// Převedeme tento řetězec JSON do objektu JS
                
data = $.parseJSON(data);
                
// Vytvoříme proměnnou errors, která bude obsahovat název chyby
                
var errors '';

// Použijeme cyklus pro zobrazení všech chyb najednou.
// Použil jsem tuto konstrukci, protože nejprvé jsem zobrazoval všechny chyby, ale
// nakonec jsem to změnil a teď se bude zobrazovat jenom jedna konkretní chyba     
// Kdybyste chtěli zobrazit všechny chyby tak použijte konstrukci
// errors += val+'\n'; - každá chyba se zobrazí na samostatném řádku.
// i - obsahuje název chybného pole a val - popis chyby
            
                
$.each(data, function(ival)
                {
                    
errors += i;
                });

// Uložil jsem do proměnné errors jenom název chybného pole a
// cyklusem switch procházim všechny varianty a přidávam červený rámeček 
// pokud pole je prázdné nebo jestli komentář nebyl přidan tak zobrazim hlášení                    
                   
switch (errors
                   {
                      case 
'name':
                        $(
'#commentBox').find("input[name='name']").css('border','2px solid red');
                        break
                      case 
'text':
                        $(
'#commentBox').find("textarea").css('border','2px solid red');
                        break
                      case 
'not_add':
                        
alert('Komentář nebyl přidan.')
                        break
                      default:
                        
alert('Něco je špatně')
                  }

// Najdeme loader ( ten si můžete stáhnout z archivu ) schováme jej a zobrazíme tlačítko přidat     
                
$('#commentBox').find('button').show().next().hide();

// Jinak, pokud žadná chyba nenastala, tak voláme funkci addComment, která zobrazí
// komentář bez znovunačtení stránky a vynuluje hodnoty vstupních poli
            
} else {
                
addComment();        
            }
        }
    
    )

}


function 
addComment()
{
// Na konec prvků s id commentWrapper ( což je ul ) přidame tag <li></li>,
// ve kterém se bude nacházet nový komentář
    
$("#commentWrapper").append('<li></li>');

// Najdeme poslední tag <li>, který jsme teď vytvořili a
// načteme do něj poslední komentář
    
$("#commentWrapper li:last").load('new_comment.php');
// Najdeme loader ( ten si můžete stáhnout z archivu ) schováme jej a zobrazíme tlačítko přidat     
    
$('#commentBox').find('button').show().next().hide();

// Vynulujeme hodnoty vstupních poli
    
$('#commentBox input').val('');
    $(
'#commentBox textarea').val('');

}


});

addkoment.php

Tento skript zpracovává data poslána na server pro zpracování.

<?php
// Ověříme, zda se jedna o odeslána POST data nebo si člověk jen tak otevřel tuto stránku
if($_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest') {

// Pokud ano, pomocí funkci sleep přidame efekt zpoždění, abyste 
// viděl loader, jinak, protože pracujeme na lokálním serveru
// se ten loader hned schová  
     
sleep(2);

// Ověříme vstupní data     
// Pokud je pole name nebo textové pole prázdné do pole $error uložíme text chyby
// ukončíme skript a odešleme tuto chybu v JSON formátu  
     
if(!isset($_POST['name']) OR empty($_POST['name']))
     {
        
$error['name'] = "Zadejte jméno.";
        exit(
json_encode($error));
     } else {
        
$name htmlspecialchars(stripslashes(trim($_POST['name'])));
     }
     
     if(!isset(
$_POST['text']) OR empty($_POST['text']))
     {
        
$error['text'] = "Zadejte zprávu.";
        exit(
json_encode($error));
     } else {
        
$text stripslashes(htmlspecialchars(trim($_POST['text'])));
     }
     
// V tomto případě, když parent_id je prázdné pole tak mu přiřadime hodnotu 0
// to znamená, že se jedná o nový komentář, který není odpovědí na něčí jiný  
     
if(!isset($_POST['parent_id']) OR empty($_POST['parent_id']))
     {
        
$parent_id 0;
     } else {
        
$parent_id stripslashes(htmlspecialchars(trim($_POST['parent_id'])));
     }
     
// Vložíme soubor s připojením k databázi. ( musí se nacházet ve stejné složce )  
     
require_once 'db.php';
     
// Přidame komentář do databáze a vrátíme false, tzn.
// že chyba nenastala a komentář byl přidán.
     
$q mysql_query("
     INSERT INTO `comments`(`parent_id`,`name`,`komentar`,`date`)
     VALUES('"
.$parent_id."','".$name."','".$text."', NOW())
     "
);
     if(!
$q) { $error['not_add'] = "Komentář nebyl přidan."; exit(json_encode($error));}
     else { exit(
false); }

}
?>

new_comment.php

V tomto souboru vybírame poslední komentář, abysme ho následně zobrazili po úspěšnem ověření vstupních dat.

<?php
// Vložíme soubor s připojením k databázi. ( musí se nacházet ve stejné složce ) 
require_once 'db.php';
// Vybereme maximální ( poslední přidáný ) id
$max mysql_query("SELECT MAX(`id`) FROM `comments_my`");
// Pak vybereme všechny související údaje s tímto identifikátorem
$query mysql_query("
         SELECT `parent_id`,`name`,`komentar`, 
         DATE_FORMAT(date, '%d %M %Y %H:%i') as date_add
         FROM `comments_my` WHERE `id` = '"
.mysql_result($max,0)."'
         "
);
$comment mysql_fetch_assoc($query);

// A stejně, jak jsme zobrazovali komentáře před tím, zobrazíme poslední přidáný
echo '<li id="comment'.mysql_result($max,0).'">
    <div id="commentWrap">'
;
        
        if(
$comment['parent_id']!=0)
        {
            
$q mysql_query("SELECT `name`, DATE_FORMAT(date, '%d %M %Y %H:%i') as date_add FROM `comments_my` WHERE `id`='".$comment['parent_id']."'");
            
$r mysql_fetch_assoc($q);
            echo 
'<span class="repText">Odpověď na komentář</span> <span class="repName">
            '
.$r['name'].'
            </span> <span class="repText">from</span> <span class="repDate">
            '
.$r['date_add'].'
            </span><br>'
;
        }
        
echo    
'<span class="commentName">'.$comment['name'].'</span> - <span class="commentDate">'.$comment['date_add'].'</span>
        <div class="komentar">
            '
.$comment['komentar'].'
        </div>
        <a class="replay" href="javascript:;"
        onClick="document.getElementById(\'parent\').value='
.mysql_result($max,0).';">Odpovědět</a>
    </div>
</li>'
;
?>

Závěr

Probrali jsme, jak můžeme zpracovávát formuláře bez znovunačtení stránky. Doufám, že se Vám tento článek líbil a byl pro Vás přínosný.

Systém Orphus
Napište komentář.
Celkem komenrářů(10301)
Canadianbenty - 2018-02-20  00:22:07
 If you desire to improve your knowledge simply keep visiting this site and be updated with the newest information posted here.
[url=http://canadianpharmacymsn.com/]online canadian pharmacy[/url]
the canadian pharmacy
canadian pharmacies online
GelenlDauLp - 2018-02-19  23:57:31
 Дорогие друзья совсем немного осталось до престоящего отпуска в связи с этим вопрос кто куда собирается поехать отдыхать?
Подумываем с мужем отправиться отдыхать, кто где ищет [url=https://vk.com/otdyh_i_zhile_gelendzhik]отдых в геленджике[/url]?
Боюсь что обманут сейчас столько мошенников страшно бронировать.
Canadahob - 2018-02-19  23:18:23
 hello there and thank you for your information – I've definitely picked up anything new from right here. I did however expertise some technical points using this web site, since I experienced to reload the web site a lot of times previous to I could get it to load properly. I had been wondering if your web host is OK? Not that I'm complaining, but slow loading instances times will sometimes affect your placement in google and could damage your high quality score if advertising and marketing with Adwords. Anyway I am adding this RSS to my email and can look out for much more of your respective exciting content. Ensure that you update this again very soon.
[url=http://canadianpharmacyntx.com/]canadian discount pharmacies[/url]
cialis canadian pharmacy
canadian pharmacy viagra brand
TeexiaChorbditNib - 2018-02-19  23:06:47
 Привет Вам, посетители вебсайта!
Рекомендую увлекательный сайт: http://lekmos.ru - цены на лекарства. Далее поиск лекарств. Поиск лекарств по аптекам.
Профиль вебресурса [url=http://lekmos.ru]наличие в аптеках. Кроме этого наличие лекарств в аптеках москвы. справочное аптек москвы[/url].
Всем удачи.
Степан
Seoomskpraiz - 2018-02-19  23:06:07
 Вы можете кончаться для такое агентство и предложить приманка услуги — браться следовать выполнение заказов, в которых оно не заинтересованоСловно оптимизировать структуру сайта?А сообразно более широкому и популярному запросу вы не более чем один из многихК высокодоходным отраслям относятся:Сколько такое SEO-статья и якобы выводить SEO-тексты
Заказать Seo продвижение сайтов Омск
[url=https://omsk.skgroups.ru/]продвижение сайта[/url]
https://omsk.skgroups.ru/ - Заказать Seo продвижение сайтов Омск

И временно алгоритмы не совершенны, мы опять как-то можем выдумывать закономерности и практиковать выводы, но в конечном результате весь придет к одному — надобно будет заниматься хорошие сайтыНаподобие оптимизировать структуру сайта?Для самих карточках можно сделать перелинковку категорийГордо оценить, корректно ли подобраны ключевые болтовня и, присутствие необходимости, добавить новыеНа словно же найти клиентов, осуществляющих профессиональную деятельный в одной из этих отраслей, и точно заинтересовать их своими услугами?
Canadianbenty - 2018-02-19  22:37:02
 An impressive share! I have just forwarded this onto a coworker who was doing a little homework on this. And he in fact ordered me breakfast simply because I discovered it for him... lol. So allow me to reword this.... Thanks for the meal!! But yeah, thanks for spending some time to discuss this issue here on your web page.
[url=http://canadianpharmacymsn.com/]canadian cialis[/url]
best canadian pharmacies
list of approved canadian pharmacies
Canadahob - 2018-02-19  21:51:35
 Hey there just wanted to give you a quick heads up. The words in your content seem to be running off the screen in Ie. I'm not sure if this is a formatting issue or something to do with browser compatibility but I thought I'd post to let you know. The style and design look great though! Hope you get the problem resolved soon. Cheers
[url=http://canadianpharmacyntx.com/]safe canadian online pharmacies[/url]
online canadian pharmacies
canadian pharmacy meds
NikitaozCrope - 2018-02-19  21:42:26
 инвайты (приглашения).Старайтесь исполнять так, дабы тема тега EPITHET на карточках товаров было максимально естественным и привлекательным чтобы пользователей.А метафора того, что у нас получится можете посмотреть, щелкнув по иконке «Демо».«Благодетель» веба считал, сколько гипертекст может служить основой чтобы сетей обмена данными, и ему удалось претворить свою идею в жизнь.
раскрутка сайта
[url=https://создание-сайтов161.рф/]создание сайтов в ростове[/url]
https://создание-сайтов161.рф//landing-page.html - лендинг пейдж

Именно поэтому большинство пользователей предпочитают арендовать территория, а не пользоваться собственный компьютер в качестве сервера.Допустим у нас пожирать многомерный массив.В первом случае – это строка, во втором – число.И вот, у вас для руках итоговый список хостеров, между которых вы и будете искать необычайный чтобы вашего сайта, в зависимости от того, на каком движке он был создан.
Canadianbenty - 2018-02-19  21:13:03
 With havin so much content and articles do you ever run into any problems of plagorism or copyright infringement? My blog has a lot of completely unique content I've either written myself or outsourced but it appears a lot of it is popping it up all over the inte
et without my agreement. Do you know any ways to help reduce content from being stolen? I'd genuinely appreciate it.
[url=http://canadianpharmacymsn.com/]canada pharmacies[/url]
aarp recommended canadian pharmacies
canadian pharmacy
Cryncbiny - 2018-02-19  20:36:57
 Здравствуйте, господа!
Бросьте взгляд на интересный проект: http://sbs-servis.ru - ремонт стиральной машины Дзержинский. Разумеется ремонт стиральной машины в Балашихе. И напоследок ремонт холодильника на Щелковской.
Идея проекта [url=http://sbs-servis.ru/node/69]ремонт стиральной машины Железнодорожный[/url].
Хорошего времени суток в сети.
Александр
CraigGom - 2018-02-19  20:28:23
 Приобрести можно на веб-сайте http://mang.bestseller-super.ru

Рады предложить вам чудодейственное средство для снижения веса сироп Мангустина. С его помощью можно сжечь около 10 кг за 2 недели.

Дерево мангустин произрастает на Шри-Ланке. Плоды данного дерева имеют замечательные свойства. В банке имеется около 20 плодов данного удивительного растения. Плоды растения мангостан помогают сжечь чрезмерную жировую ткань. А также замечательно воздействуют на человека в целом. Технология изготовления препарата, и специализированная упаковка помогают сохранить все удивительные свойства плодов.

Основным действующим компонентом сиропа Мангустина являются плоды с растения гарциния, в них имеется огромное число питательных элементов. Благодаря веществу ксантону, которое в громадных количествах содержатся в плоде, значительно тормозятся окислительные процессы в теле. Ксантон признается одним из самых сильных антиокислителей. В плоде растения мангкут вдобавок содержатся разные группы витаминов и микроэлементы. Купить сироп Мансустина возможно на веб-сайте http://mangjoo77.mangoosteen.com.
Canadahob - 2018-02-19  20:24:37
 If you want to grow your know-how just keep visiting this site and be updated with the most up-to-date gossip posted here.
[url=http://canadianpharmacyntx.com/]highest rated canadian pharmacies[/url]
canada pharmacies online
highest rated canadian pharmacies
SeosamarGox - 2018-02-19  20:20:29
 Инструменты обучающего маркетинга помогут точный напоминать о себе потенциальным клиентам — участникам организованного вами мероприятия и тем, кто однажды воспользовался вашими услугами, только не заключил долгосрочное согласиеСуществует множество инструментов поиска клиентов и расширения бизнеса, для начала стоит остановиться на нескольких, максимально соответствующих вашим возможностям и потребностямEmail-рассылкиПриблизительно так выглядит типовое задание для написание seo-текстаНе суть (хоть не совершенно это понимают), что для того, воеже начинать успешным блоггером в интернете на какой-нибудь площадке вроде ЖЖ alias видеоблоггером для YouTube нуждаться являть всего одну безделушка — постить регулярно! Безвыездно! Вы можете идти абсолютно неинформативный мечта и ранехонько иначе прот, у вас появятся подписчики, которые будут расти и слава придет
продвижение сайтов
[url=https://samara.skgroups.ru/]раскрутка сайта[/url]
https://samara.skgroups.ru/ - продвижение сайта

Это пригодится, воеже не браться ради продвижение «запросов-пустышек»Пользоваться заголовки h1, h2«Проверить правильно ли сеошник распределил запросы сообразно страницам простой: зайдите в любой сервис кластеризации запросов и перепроверьте "готовую" семантикуТолько уписывать другие способы поиска и привлечения постоянных клиентов, делающие эту непростую задачу вполне осуществимойТребования к текстам:
Canadianbenty - 2018-02-19  19:48:48
 I simply could not go away your website before suggesting that I actually loved the standard information a person supply to your guests? Is going to be back frequently to check up on new posts
[url=http://canadianpharmacymsn.com/]canada pharmacies[/url]
safe canadian online pharmacies
canada pharmacy
KalcopausyruptOppom - 2018-02-19  19:13:27
 Желаю здравствовать, друзья!
Взгляните на интересный проект: http://mauboussin.ru - браслет из платины. Кроме этого обручальное кольцо платина. И наконец часы для женщин.
Задача вебресурса [url=http://mauboussin.ru/stati/aromaty-dlya-muzhchin/]ароматы для мужчин[/url].
Всем удачи в сети.
Владимир
Canadahob - 2018-02-19  18:57:41
 It's going to be finish of mine day, except before end I am reading this wonderful paragraph to increase my know-how.
[url=http://canadianpharmacyntx.com/]canadapharmacy[/url]
canada drugs
canadian pharmacies that are legit
Canadianbenty - 2018-02-19  18:23:54
 Good post however I was wondering if you could write a litte more on this subject? I'd be very thankful if you could elaborate a little bit more. Bless you!
[url=http://canadianpharmacymsn.com/]canadianpharmacy[/url]
canadian pharmacies shipping to usa
northwest pharmacy
CraigGom - 2018-02-19  18:01:35
 Приобрести можно на веб-сайте http://mang.bestseller-super.ru

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

Растение мангостин произрастает на Филиппинах. Плоды дерева имеют удивительные свойства. Во флаконе имеется более 25 плодов этого удивительного растения. Плоды дерева гарциния помогают сжечь чрезмерную жировую ткань. И положительно воздействуют на организм в комплексе. Специфика производства средства, а также уникальная упаковка позволяют сохранить все полезные свойства растения.

Главным веществом сиропа Mangoosteen являются плоды с дерева мангостан, в которых имеется большое количество питательных микроэлементов. Благодаря веществу окиси дифениленкетона, которое в громадных дозах содержатся в плоде, сильно притормаживаются процессы окисления в организме. Ксантон является одним из самых сильных антиоксидантов. В плодах дерева мангостин также имеются разные группы витаминов и микроэлементы. Приобрести сироп Mangoosteen можно на сайте http://mangjoo77.mangoosteen.com.
Canadahob - 2018-02-19  17:30:46
 Hi there to every one, the contents existing at this web site are really remarkable for people knowledge, well, keep up the good work fellows.
[url=http://canadianpharmacyntx.com/]canadian pharmacy meds[/url]
canadian pharmacy meds
canadian pharmacies vipps
Canadianbenty - 2018-02-19  17:00:17
 After I originally commented I appear to have clicked on the -Notify me when new comments are added- checkbox and from now on every time a comment is added I receive four emails with the exact same comment. Is there an easy method you are able to remove me from that service? Thanks a lot!
[url=http://canadianpharmacymsn.com/]cialis canadian pharmacy[/url]
highest rated canadian pharmacies
list of reputable canadian pharmacies
<<[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] [26] [27] [28] [29] [30] [31] [32] [33] [34] [35] [36] [37] [38] [39] [40] [41] [42] [43] [44] [45] [46] [47] [48] [49] [50] [51] [52] [53] [54] [55] [56] [57] [58] [59] [60] [61] [62] [63] [64] [65] [66] [67] [68] [69] [70] [71] [72] [73] [74] [75] [76] [77] [78] [79] [80] [81] [82] [83] [84] [85] [86] [87] [88] [89] [90] [91] [92] [93] [94] [95] [96] [97] [98] [99] [100] [101] [102] [103] [104] [105] [106] [107] [108] [109] [110] [111] [112] [113] [114] [115] [116] [117] [118] [119] [120] [121] [122] [123] [124] [125] [126] [127] [128] [129] [130] [131] [132] [133] [134] [135] [136] [137] [138] [139] [140] [141] [142] [143] [144] [145] [146] [147] [148] [149] [150] [151] [152] [153] [154] [155] [156] [157] [158] [159] [160] [161] [162] [163] [164] [165] [166] [167] [168] [169] [170] [171] [172] [173] [174] [175] [176] [177] [178] [179] [180] [181] [182] [183] [184] [185] [186] [187] [188] [189] [190] [191] [192] [193] [194] [195] [196] [197] [198] [199] [200] [201] [202] [203] [204] [205] [206] [207] [208] [209] [210] [211] [212] [213] [214] [215] [216] [217] [218] [219] [220] [221] [222] [223] [224] [225] [226] [227] [228] [229] [230] [231] [232] [233] [234] [235] [236] [237] [238] [239] [240] [241] [242] [243] [244] [245] [246] [247] [248] [249] [250] [251] [252] [253] [254] [255] [256] [257] [258] [259] [260] [261] [262] [263] [264] [265] [266] [267] [268] [269] [270] [271] [272] [273] [274] [275] [276] [277] [278] [279] [280] [281] [282] [283] [284] [285] [286] [287] [288] [289] [290] [291] [292] [293] [294] [295] [296] [297] [298] [299] [300] [301] [302] [303] [304] [305] [306] [307] [308] [309] [310] [311] [312] [313] [314] [315] [316] [317] [318] [319] [320] [321] [322] [323] [324] [325] [326] [327] [328] [329] [330] [331] [332] [333] [334] [335] [336] [337] [338] [339] [340] [341] [342] [343] [344] [345] [346] [347] [348] [349] [350] [351] [352] [353] [354] [355] [356] [357] [358] [359] [360] [361] [362] [363] [364] [365] [366] [367] [368] [369] [370] [371] [372] [373] [374] [375] [376] [377] [378] [379] [380] [381] [382] [383] [384] [385] [386] [387] [388] [389] [390] [391] [392] [393] [394] [395] [396] [397] [398] [399] [400] [401] [402] [403] [404] [405] [406] [407] [408] [409] [410] [411] [412] [413] [414] [415] [416] [417] [418] [419] [420] [421] [422] [423] [424] [425] [426] [427] [428] [429] [430] [431] [432] [433] [434] [435] [436] [437] [438] [439] [440] [441] [442] [443] [444] [445] [446] [447] [448] [449] [450] [451] [452] [453] [454] [455] [456] [457] [458] [459] [460] [461] [462] [463] [464] [465] [466] [467] [468] [469] [470] [471] [472] [473] [474] [475] [476] [477] [478] [479] [480] [481] [482] [483] [484] [485] [486] [487] [488] [489] [490] [491] [492] [493] [494] [495] [496] [497] [498] [499] [500] [501] [502] [503] [504] [505] [506] [507] [508] [509] [510] [511] [512] [513] [514] [515] [516] >>
*v komentářich nesmíte používat sprostá slova a odkazy!!!Děkuji za pochopeni.