Виджет групп ВК чувствителен к defer/async, как быть?

Question

[ZaraMc]

Здравствуйте.

Есть виджет группы на сайте.

Устанавливаю defer :

<script type="text/javascript" defer src="//vk.com/js/api/openapi.js?127"></script>

и тут же блок перестанет отображаться.
Просто ВК иногда не адупляется, async ставил - тоже блок пропадает.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Владлен Хеллсайт:

Код виджета группы для сайта:

<script type="text/javascript" src="//vk.com/js/api/openapi.js?136"></script>

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 3, width: "220"}, 20003922);
</script>

Это перед </body>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?136"></script>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 3, width: "220"}, 20003922);
</script>

Это в нужное место на сайте 
<div id="vk_groups"></div>

Comments

[Влад Хеллсайт]

Этой информации недостаточно.

[ZaraMc]

Владлен Хеллсайт:

Код виджета группы для сайта:

Это перед

Answer 1

[Влад Хеллсайт]

На одном из своих проектов я сделал это проще, так как генерация должна быть асинхронна.
Думаю стоит сделать что то такое.

<script src="//vk.com/js/api/openapi.js?168" async onload="VK.Widgets.Group('vk_groups',{mode: 3,width: '220'},20003922);"></script>

Comments

[ZaraMc]

спасибо

Answer 2

[MrFreeman]

Рабочий вариант кода:

<div id='vk_comments'></div>
<script type="text/javascript">
function start(){
VK.init({apiId: 2900000, onlyWidgets: true});
VK.Widgets.Comments("vk_comments", {limit: 5, width: "496", attach: "*"});
}
</script>
<script async onload="start();" type="text/javascript" src="//vk.com/js/api/openapi.js?160"></script>