Фильтр по:
  

Микро заметки для ucoz с Facebook

Редактирование шаблонов (решения различных вопросов)

  • Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Редактирование шаблонов (решения различных вопросов) » Микро заметки для ucoz с Facebook (<meta> теги микро заметки для Facebook для парсинг сайта)
Микро заметки для ucoz с Facebook
Дата: Воскресенье, 03.03.2013, 16:10 |
Лейтенант
Группа: Постоянные
Сообщений: 50
Награды: 0
Репутация: 0
Статус: Offline


 Здравствуйте! Уважаемое WeB  мастера ......!
Сегодня я решил с вами поговорит о мета тегах <meta>
....Мета теги так называемый "Микро заметки"....

Что такое микро заметки?

Микро заметки это микро содержание вашего сайта или какой то контента!

Как выглядит микро заметки и как работает?

Микро заметки выглядит как показано внизу и работает с помощью мета тегов

Мы сегодня будем разбираться микро заметкам для соц сетей именно для Facebook (API)
Процесс идет так..... Кто то заходит на ваш сайт, находит нужную то что искал, (Пример Видео ролик)
и нажимает на кнопку от Facebook Поделится
после нажатие на кнопку Поделится тот видео ролик попадает на его странице Facebook, и обсуждает ту видео ролик
на своей странице Facebook.
Еще хочу вам сказать что это вариант подходит привлечение людей на свой сайт

Пример: У вас есть вот такая содержимая сайта это страница видео ролики

Код

<object width="640" height="390" id="player">
<param name="movie" value="http://az-tube.ru/upod/video/uppod.swf">
</param>
<param name="allowFullScreen" value="true"/>
<param name="allowscriptaccess" value="always"/><param name="FlashVars" value="debug=1/&st=c:2iob3gRLvaFevfozU5YB3IYLGfuLkCJa2xo40NJ1Gd48vck7kdwLOgZMtQAmyCmb6iTr&fs=1&file=c:2iob3gRLvcGcGNmm0cwbGx94v5yL0SJavcwm3FGk0ghvtg9F&hl=ru_RU" /><embed src="http://az-tube.ru/upod/video/uppod.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="390" flashvars="debug=1/&st=c:2iob3gRLvaFevfozU5YB3IYLGfuLkCJa2xo40NJ1Gd48vck7kdwLOgZMtQAmyCmb6iTr&fs=1&file=c:2iob3gRLvcGcGNmm0cwbGx94v5yL0SJavcwm3FGk0ghvtg9F&hl=ru_RU"/>
</object>


Вот живой пример


Про микро заметки в рунете полно мануалов а про Ucoz нету

Вот который я понастроил для UCOZ

И так начнем к делу
...Заходим на ту страницу который хотим обсудили? и который стоит кнопка поделится от Facebook
находим самом вверху
...во эту
Код
<html>


Заменяем на эту

Код
<html lang="ru" xmlns:fb="http://ogp.me/ns/fb#">


и сразу после него находим эту

Код
<head>


Меняем на эту

Код
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# video: http://ogp.me/ns/video# http://ogp.me/ns/fb# profile: http://ogp.me/ns/profile# http://ogp.me/ns/fb# collection: http://ogp.me/ns/collection#">


Далее там же находим
Код
<title></title>


..И после него ставим эту

Код

      <meta property="fb:app_id" content="Ваш_facebook_app_id_ставим сюда" />
      <meta property="og:type" content="video.movie" />      
          
           
      <meta property="og:url" content="http://az-tube.ru$ENTRY_URL$">
      <meta property="og:title" content="$SITE_NAME$ $ENTRY_TITLE$">
      <meta property="og:image" content="ССЫЛКА_НА_СКРЕНШОТ_МАТЕРИАЛА">
      <meta property="og:description" content="$BRIEF$">
      <meta property="og:video" content="http://ваш_сайт.ru/flash.swf?file=http://ваш_сайт.ru/film.flv">
      <meta property="og:video:type" content="application/x-shockwave-flash">
      <meta property="og:video:width" content="645">
      <meta property="og:video:height" content="390">
      <meta property="og:site_name" content="Aztube">
      <meta property="video:tag" content="$ENTRY_TITLE$" />


Теперь давайте настроит под ваш сайт

(1:) meta property="fb:app_id" content="Ваш_facebook_app_id_ставим сюда
..... "fb:app_id" можно создать и получит здесь
после получение app_id вставим место этого написание Ваш_facebook_app_id_ставим сюда

(2:) og:type" content="video.movie
....Означает что на вашем странице сайте есть содержание Видео файл

(3:) og:url" content="http://ваш-сайт.ru$ENTRY_URL$
...Это ссылка на вашу страничку с материалом, Выделенный красным цветом меняем на свой сайт

(4:) og:title" content="$ENTRY_TITLE$
...Это называние материала, или видео не чего не трогаем

(5:) og:image" content="ССЫЛКА_НА_СКРЕНШОТ_МАТЕРИАЛА
...Это ссылка на скреншот видео, или материала, Выделенный красным цветом меняем на свой
......Если у вас фото на материал в какой не будь кодах ucoz тогда ставим эту пример $IMG_URL1..10$ или $OTHER...4$

(6:) og:description" content="$BRIEF$
.....Это короткое описание материала, если у вас это функция не включено
........Можно включит здесь: http://ваш_сайт.ru/panel/?a=publ;l=setup ставьте галочку на (Краткое описание материала)

(7:) og:video" content="http://ваш_сайт.ru/flash.swf?file=http://ваш_сайт.ru/film.flv
....Это ссылка на Flash плеер и на Видео файл, здесь выделенное с красным цветом указываем ссылку на ваш Flash плеер
......Flash плеер можно создать здесь http://www.uppod.ru
......... Выделено с зеленым цветом указываем ссылку на ваш видео файл где он расположен
..............Внимание чтоб не трогали эту часть ?file= который стоит между двух ссылок

(8:) og:video:type" content="application/x-shockwave-flash"
...Здесь указываем что тип контента у нас с видео Flash плеером

(9:) og:video:width" content="645" и og:video:height" content="390"
....В этих две строке указываем ширину и высоту нашего Flash плеера

(10:) og:site_name" content="$SITE_NAME$"
....Это строка для вывода называние вашего сайта, оставляем как есть
.......Или меняем что вам угодна например "видео сайт"

(11:) video:tag" content="$ENTRY_TITLE$"
....Здесь теги к материалу, тоже оставляем как и есть или можно написать разные слова для тега к материалу
......Пример вот так через запятую видео, клипы, тв каналы,
....Внимание: здесь код $TAGS$ не катит, потому что тег $TAGS$ при выдаче выдает вот таком ввиде
<a href://site.ru/video>видео</a> А в таком виде теги в микро заметке не работают .

Ну и все мы с вами разобрались о Микро заметок для Facebook
На следюшее посте я опишу для Twitter
Следите за новостям

 
Дата: Понедельник, 04.03.2013, 17:43 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 samirmm,
Цитата (samirmm, Вс, 03.03.2013, 16:10:29)
Здравствуйте! Уважаемое WeB мастера ......!

Я тут почитал .. через строку, конечно, признаю .. что-то много вы написали и не понятно только одно - ДЛЯ чего это?
Как то что вы не по стандарту пишите теги:
Цитата (samirmm, Вс, 03.03.2013, 16:10:29)
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# video: http://ogp.me/ns/video# http://ogp.me/ns/fb# profile: http://ogp.me/ns/profile# http://ogp.me/ns/fb# collection: http://ogp.me/ns/collection#">

положительно/отрицательно отразится на чем-то?
Вы в курсе что у тега
Код
<head>
 могут быть только следующие атрибуты: dir, lang, и profile
И куда эти ссылки вообще? .. или они так, для профита?
...
По моему, я не настаиваю, но все же, - это бред чистой воды, и никому кроме как чисто видео-сервисам не нужно.
Мне-то - уж точно ))

Цитата (samirmm, Вс, 03.03.2013, 16:10:29)
Мы сегодня будем разбираться микро заметкам для соц сетей именно для Facebook (API)
а потом:
Цитата (samirmm, Вс, 03.03.2013, 16:10:29)
На следюшее посте я опишу для Twitter

... и еще для чего-то ... и все это по километру никому ни нужного кода ....

Нет, спасибо )

 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Редактирование шаблонов (решения различных вопросов) » Микро заметки для ucoz с Facebook (<meta> теги микро заметки для Facebook для парсинг сайта)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия