На время проведения реконструкции сайт переведён в режим "ТОЛЬКО ЧТЕНИЕ" (Read only). Приносим свои извинения!
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 4154
Комментариев: 5
  1. Евгений, а что это за бб-код [removed] в сниппете мелькает?

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

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

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

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

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