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

Статья читается: 2 мин.

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

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

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

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

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.

Вам понравилась статья?
плохохорошо (Пока оценок нет)
Загрузка...
Обо мне
Юрич:
Занимаюсь созданием сайтов на ВордПресс более 5 лет. Работал в нескольких веб-студиях, да и сейчас работаю. Иногда подрабатываю на фрилансе, как на нашем так и на зарубежном. Везде зарекомендовал себя очень хорошо. Если нужен сайт на вордресс, шаблон для сайта или лендинг - не стесняйтесь - пишите. Рад буду помочь!