• DONATE to NULLED!
    Вы можете помочь Форуму и команде, поддержать финансово.
    starwanderer - модератор этого раздела будет Вам благодарен!

Помощь Как реализовать такое облако тегов?

Статус
В этой теме нельзя размещать новые ответы.
Сабж.

Вот ссылка: Для просмотра ссылки Войди или Зарегистрируйся

Как реализовать? Каким плагином?

это облако тегов на flash, совершенно бесполезное с точки зрения СЕО
 
Подскажите как в русской версии wp-cumulus можно убрать обратную ссылку на их сайт или отключить возможность индексации?

Так как после активации плагина в исходнике страницы появляеться такое:
<a href='http://mysite.com/tag/url/' class='tag-link-32' title='2 topics' rel="tag" style='font-size: 8.36842105263pt;'>URL</a></p><p>Облако тегов плагина WP Cumulus от сайта "<a href="http://www.wordpressplugins.ru/">Плагины и шаблоны для WordPress</a>" требует для просмотра <noindex><a href="http://www.adobe.com/go/getflashplayer" target="_blank" rel="nofollow">Flash Player 9</a></noindex> или выше.</p></div>
 
это облако тегов на flash, совершенно бесполезное с точки зрения СЕО
*** скрытое содержание ***


Не бесполезное. Плагин ищет флешплеер у юзера и если его не находит, выдает облако в обычном виде. А у ботов Яндекса и др. нет флешплеера.
 
вобщем там все легко:)
щя обьясню:

Давно я не писал… Делов мильон просто. В скором времени постараюсь исправиться. Так вот речь в этом посте пойдет о прикольном плагине для вордпресса WP-Cumulus. Выглядит он довольно впечатляюще, "облако которое хочется крутить". Я не остался к нему равнодушным и решил разобрать сие вордпрессовское чудо, ведь я не любитель ворпресса, а всобачить куда-то в свои сайты такое чудо хочется. Вот и разобрал это облако по винтикам, чтобы в дальнейшем использовать его в своих нуждах без вордпресса. Итак начнемс…

Сперва определим основные составляющие:
1. Во первых нужен небольшой Для просмотра ссылки Войди или Зарегистрируйся (весит ~40кб);
2. Во вторых небольшой Для просмотра ссылки Войди или Зарегистрируйся этот файл подключаем к странице между тегами <head> </head> :

<script type="text/javascript" src="swfobject.js"></script>

3. И сам код с помощью которого это облако формируется, о нем далее… Обязательно потребуется создать DIV с ID в котором будет располагаться это облако, например так:


Далее в этом слое формируем теги-ссылки, которые будут выводиться в облаке, и поместим их в переменную PHP. Нам нужно будет кодировать теги-ссылки в безопасное представление, у PHP имеется для этого замечательная функция, именно поэтому мы помещаем их в переменную PHP. Еще эти ссылки должны быть обрамлены тегами <tags> </tags> :

<?php
$tags = '<tags>
<a href="http://Wincert.ru" style="font-size: 15pt">Wincert</a>
<a href="http://W-blog.ru" style="font-size: 15pt">Мой блог</a>
<a href="http://cssor.ru" style="font-size: 15pt">Крутой сайт о CSS</a>
<a href="http://Wincert.ru" style="font-size: 15pt">Веб разработчик</a>
<a href="http:// W-blog.ru" style="font-size: 15pt">Интересное</a>
</tags>';
?>

" является обязательным, определяет высоту текста в облаке.

Для того чтобы посетители у которых не установлен flash или отключен JS в браузере увидели что там находится облако тегов можно вставить код вывода облака тегов в начало нашего слоя (div id="tags":(


Или же просто написать сообщение типа "Для корректного отображения этого элемента вам необходимо установить FlashPlayer и включить в браузере Java Script". Как раз фишка заключается в том что если у пользователя установлен FlashPlayer и включен JS в браузере, то ему выведется это красивое облако тегов, а если нет, то это предупреждающее сообщение.

Теперь самая главная и сложная строчка для вывода тегов:

<script type="text/javascript">
var rnumber = Math.floor(Math.random()*9999999);
var widget_so = new SWFObject("tagcloud.swf?r="+rnumber, "tagcloudflash", "230", "140", "9", "#ffffff");
widget_so.addParam("allowScriptAccess", "always");
widget_so.addVariable("tcolor", "0x333333");
widget_so.addVariable("tspeed", "115");
widget_so.addVariable("distr", "true");
widget_so.addVariable("mode", "tags");
widget_so.addVariable("tagcloud", "<?php echo urlencode($tags); ?>");
widget_so.write("tags");</script>

Где:

var widget_so = new SWFObject("tagcloud.swf?r="+rnumber, "tagcloudflash", "230", "140", "9", "#ffffff"); - Основные параметры облака, "tagcloud.swf" – путь к флеш файлу, "230" – ширина, "140" – высота, "9" – не знаю за что отвечает эта цифра, "#ffffff" – цвет фона облака;

widget_so.addVariable("tspeed", "115"); - Определяет скорость вращения облака, менять надо только цифру 115;

widget_so.addVariable("distr", "true"); - Если true заменить на false, облако примет немного другой вид;

widget_so.addVariable("tagcloud", "<?php echo urlencode($tags); ?>"); - Указываем ссылки которые мы сформировали в переменно $tags и кодируем их в безопасное представление с помощью PHP функции urlencode();

widget_so.write("tags"); - Указываем ID слоя в котором будет располагаться наше облако тегов, в нашем случае это tags.


widget_so.addVariable("tcolor", "0x333333"); - Определяет цвет тегов в облаке.

С остальными параметрами не разбирался и не знаю что они обозначают.

И вот теперь полный рабочий код нашего распрекрасного облака тегов, остальное можно было не читать :(


Сохранить надо это как php файл (с расширением .php) и запускать на своем локальном денвере или на хостинге. Вот что получается.

Как это натянуть на свой сайт или на другой движок думаю разберетесь если конечно шарите в PHP. Например я натянул это облако на Drupal и теперь это облако красуется на моем новом сайте о CSS, щас допишу эту статью и напишу о том как присобачить это к Drupal. Вот написал. Знаете еще интересные фишки сайтостроительства? пишите мне, разберу по частям и напишу об этом пост, если конечно это будет действительно интересная штука.

У меня открылись глаза на мой блог: дизайн – ГАВНО, читабельность – ХРЕНОВАЯ. Так что вскоре нарисую новый дизайн, надеюсь буду побольше писать и займусь раскруткой своего веб-контентно-технического творения (блога этого) для дальнейшей его монетизации.
 
даже когда работает и флеш и Java и отображается флеш облако тегов - в коде все равно прописано облако тегов в виде ссылок.
так что облако в любом случае индексируется.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху