MaxHub
Полезности по Maxsite CMS

Плавающий фиксированный блок лайков

Компоненты, юниты и т.п. / 18 марта 2015

Может кому будет полезен следующий код: зафиксированный блок лайков из популярных соц. сетей. Влияет на скорость индексирования страницы и положение в выдаче.

//Плавающий блок лайков                        
?>
<noindex>
<!-- Одноклассники -->
<div id="alert-me">
<div id="ok_shareWidget"></div>
<script>
!function (d, id, did, st) {
  var js = d.createElement("script");
  js.src = "http://connect.ok.ru/connect.js";
  js.onload = js.onreadystatechange = function () {
  if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
    if (!this.executed) {
      this.executed = true;
      setTimeout(function () {
        OK.CONNECT.insertShareWidget(id,did,st);
      }, 0);
    }
  }};
  d.documentElement.appendChild(js);
}(document,"ok_shareWidget","http://ВАШ САЙТ.ru","{width:75,height:65,st:'oval',sz:20,ck:1,vt:'1'}");
</script>
<!-- Вконтакте -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "vertical", verb: 1, height: 24});
</script>
<!-- Mail.ru -->
<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'nt' : '1', 'cm' : '1', 'sz' : '20', 'st' : '2', 'tp' : 'mm', 'vt' : '1'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>
<!-- Facebook -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="https://ВАШ САЙТ.ru" data-layout="box_count" data-action="like" data-show-faces="true" data-share="false"></div>
<!-- Google+ -->
<script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'ru'}
</script>
<div class="g-plusone" data-size="tall"></div>
</div>
<style> 
 #alert-me { 
 width:80px;
 position:fixed; /* свойство позиционирования, которое делает блок плавающим */
 top:200px; /* расстояние блока от верхнего края экрана */ 
 margin-left:-7%;
 } 
</style>
<noindex>
<?
//конец  Плавающий блок лайков
evgeniy 5 2224
Комментариев: 5
  1. Евгений, а что это за бб-код [removed] в сниппете мелькает?

  2. Это maxsite порезал javascript, сейчас попробую вставить правильно.

  3. Поправил. Чтобы движок не резал вставки javascript надо менять < и > на сущности. Проверь, такой у тебя код был, ничего не потерялось?

  4. Все правильно, только между кнопками лучше ставить тег BR, чтобы они не налипали друг на друга.

  5. только между кнопками лучше ставить тег BR, чтобы они не налипали друг на друга.

    Это ты можешь и сам поправить через личный кабинет ;)

Оставьте комментарий!

grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question

Вход / регистрация или войти без комментирования
  Имя и сайт используются только при регистрации

Авторизация MaxSiteAuth. Войти через loginza

(обязательно)