• Шаг №1

  Выбрать внешний вид информационного блока. Ниже на странице приведены все варианты отображения блоков.

• Шаг №2

  Встроить в HTML-код официального интернет-сайта Партнера:

  • Точка или знак номера перед виджетом означают либо класс, либо id объекта, соответственно. Перед вставкой в код указанного скрипта необходимо разместить блок с созданием слоя под виджет там, где вы хотите физически разместить скрипт, т.е. весь блок кода будет выглядеть так:

    
    <div id="widget1">
            </div>
        
     <script>
        (function (d, s) {
     
            var js, fjs = d.getElementsByTagName(s)[0];
            js = d.createElement(s);
            js.src = "https://widgets.mos.ru/cnews/citywidgets.js";
            fjs.parentNode.insertBefore(js, fjs);
     
            var i = setInterval(function () {
                if (window.city_widget && document.readyState === "complete") {
                    city_widget("200x200", "#widget1");
                    clearInterval(i);
                }
            }, 50);
            setTimeout(function () {
                clearInterval(i)
            }, 5000);
        }(document, 'script'));
    </script>
    
    
                                        

  • При этом, блок <div> содержит либо id, либо class в зависимости от номера выбранного виджета, то есть, если вы в скрипте указываете виджет 2, 3, 5 или 5s, тогда поле div должно содержать соответствующий код:

    
    <div class="widget2">
            </div>
    ______________
    
    <div class="widget3">
            </div>
                                        

    и так далее по соответствию.

    Если вы берете виджет 1 или 4, тогда поле div должно содержать соответствующий код:

    
    <div id="widget1">
            </div>
    ______________
    
    <div id="widget4">
            </div>
                                        

  • Доступные размеры виджета: 200x200, 300x200, 650x200, 560x280, 240x400, 240x400s

<script> city_widget('200x200', '#widget1') </script>

<script> city_widget('300x200', '.widget2') </script>

<script> city_widget('650x200', '.widget3') </script>

<script> city_widget('560x280', '#widget4') </script>

<script> city_widget('240x400', '.widget5') </script>

<script> city_widget('240x400s', '.widget5s') </script>