Добрый день, форумчане!
Постала задача установить на сайт кнопки отдельных соцсетей для лайков со счетчиками (Мне нравится вконтакте, Google +, Класс одноклассники, тд)
Именно "лайков" а не "Поделиться ссылкой" (таких отдельных модулей для Joomla хватает)
Создал модуль HTML, вставил в него предлагаемый код кнопок (непосредственно скопированый с сайтов соцсетей) и опубликовал в нужном месте. Все отлично работает но скорость загрузки страниц резко упала в несколько раз, при чем загрузка останавливается именно на коде моего модуля, ждет пока все в нем загрузится, а потом загружает остальную часть страницы.
Так вот - как сделать так, чтобы код моего модуля начинал загружаться только после того как вся остальная страница будет полностью загружена, но модуль отображался в нужном мне месте?
Экспериментировал с заключением кода модуля в подобие $(document).ready(function(){ но в кодинге не силен и это приводит только к разрыванию шаблона. Все же думаю копать нужно в этом направлениии? Подскажите кто рубит?
Вот сайт -
http://www.c-trade.com.ua/Вот код модуля с кнопками:
[color=green]<!-- Начало блока кнопок соцсетей --> [/color]
<div class="social-buttons">
[color=green]<!-- Левая колонка кнопок -->[/color]
<div class="left">
[color=green]<!-- Кнопка "Мне нравится" Вконтакте -->[/color]
<div id="vk_like" style="margin-bottom:-15px"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "mini", height: 20});
</script>
<br/>
[color=green]<!-- Кнопка "Класс" от Одноклассники -->[/color]
<div style="margin-bottom:-15px;">
<a rel="nofollow" target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'cm' : '1', 'ck' : '1', 'sz' : '20', 'st' : '2', 'tp' : 'ok'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>
</div>
<br/>
[color=green]<!-- Кнопка "Google +1" -->[/color]
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="medium"></g:plusone>
</div>
[color=green]<!-- Правая колонка кнопок -->[/color]
<div class="right">
[color=green]<!-- Кнопка "Нравится" от Facebook -->[/color]
<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/ru_RU/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div style="margin-bottom:5px;" class="fb-like" data-send="false" data-layout="button_count" data-width="20" data-show-faces="true" data-font="arial"></div>
<br/>
[color=green]<!-- Кнопка "Твитнуть" от Twitter -->[/color]
<a rel="nofollow" href="https://twitter.com/share" class="twitter-share-button" data-lang="ru">Твитнуть</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
</div>