Поиск по Твиттеру на вашем сайте

Доброго времени суток, уважаемые подписчики, да и просто читатели, моего блога zacompom.ru

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

Усаживаемся поудобнее — начинаем!

В этом уроке я попробую показать вам как осуществить простой поиск по Твиттеру на вашем сайте благодаря PHP конечно же. Для поиска по твиттеру будем использовать Twitter Search API для PHP написанный вот этим вот типом David Bilingham. Используя этот API вы сможете сделать поиск по твиттеру написав всего лишь пару PHP строчек и CSS кода, и получить примерно такой результат:

Ко мне часто поступают вопросы про хостинг, которым я пользуюсь и поэтому решил указать хостинг в статье https://sprinthost.ru. Вы можете попробовать попользоваться хостингом 30 дней бесплатно. Чтобы понять, как будет работать Ваш сайт на этом хостинге просто перенести свой сайт (в этом поможет поддержка хостинга бесплатно) и и таким образом сможете понять подходит хостинг Вам или нет. На этом хостинге находятся сайты с 20 000 тысяч посещаемость и сайты чувствуют себя отлично. Рекомендую! Да, если делать оплату на 1 год то получаете скидку 25%. И что мне нравится - тех. поддержка всегда помогает в технических вопросах, за что им спасибо. Как Вы понимаете не всегда проходит всё гладко и нет желания, чтобы сайт не был доступен тем самым страдал трафик и доход.

tweet1

Twitter Search API вы сможете скачать пройдя по ссылке вот.

1. В архиве вы найдете два файла это:

  • -index.php:страница поиска(форма поиска+результаты поиска)
  • -search.php:Twitter Search API для PHP

2. Index.php

Если мы откроем index.php. То увидим что эта страница содержит простую форму поиска, правда я ее изменил чуток:

<form action="index.php" method="submit">
<input name="twitterq" class="mysearch" type="text" id="twitterq" />
<input type="submit" class="submitbutton" name="Submit" value="Submit"/>
</form>

…и некоторый PHP код:

include('search.php');
if($_GET['twitterq']){
	$twitter_query= $_GET['twitterq'];
	$search = new TwitterSearch($twitter_query);
	$results = $search->results();
	
	foreach($results as $result){
			echo '<div class="status">';
			echo '<a href="http://www.twitter.com/'..'" target="blank"><img src="'..'" class="image"></a>';
			=toLink();
			echo ;
			echo '<div id="niz">';
			echo '<strong>From:</strong> <a href="http://www.twitter.com/'..'">'..'</a>: ';
			echo '<strong>at:</strong> '.;
			echo '</div>';
			echo '</div>';
	}
}

Здесь $result это массив в котором содержится вся информации об твииттах.. каждый элемент массива представляет собой набор 8 атрибутов твитта это:

[text]: Текст твитта
[to_user_id]: Id пользователя
[from_user]: Имя пользователя
[id]: Id Твитта
[from_user_id]: Id пользователя
[source]: Ссылка на твиттер
[profile_image_url]: Путь к аватарке пользователя
[created_at]: Время текущего твитта

Для вывода твиттов используем следующий цикл:

foreach($results as $result){
...
}

Также вы найдете там следующий CSS код:

.container{
color:#444;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:450px;
margin: 0 auto;
border:1px solid #00CCFF;
padding:10px;
}
.container h1{
font-family: 'Tangerine', arial, serif;
font-size:34px;
padding:0px;
}
.container a{
color:#0066CC;
}
.status{
height:60px;
padding:6PX;
border-bottom:solid 1px #DEDEDE;
 overflow:hidden;
}
.image{
float:left; 
margin-right:14px;
border:solid 2px #29DBFF;
width:50px;
height:50px;
}
.image:hover{
border:solid 2px #52A8FF;
}
#niz{
font-size:11px;
padding:4px 0px;;
color:#999;
}
.mysearch{
padding:3px;
font-size:15px;
border:1px solid #29DBFF;
color:#666666;
width:325px;
display:inline;
}
.submitbutton{
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
padding:0px;
border:1px solid #29DBFF;
height:26px;
color:#FFFFFF;
font-size:14px;
margin-right:10px;
display:inline-block;
text-decoration:none;
color:#858585;
width:100px;
background-color:#CCFFFF;
}

Который помогает вывести результаты следующим образом:

tweet2

Вот и все. Можете скачать исходники по этой ссылке.

На этом буду прощаться с вами. До новыйх встреч.

С вами, как впрочем и всегда, был ваш Юрич!

P.S. В следующей статье опишу создание красивой пагинации на CSS.


Обо мне
Юрич:
Занимаюсь созданием сайтов на WordPress более 6 лет. Ранее работал в нескольких веб-студиях и решил делиться своим опытом на данном сайте. Пишите комментарии, буду рад общению.

Заказать сайт