Where to insert the Yandex metrics counter and how if the project is made on the symfony framework?

Question

Twig

Where to insert the Yandex metrics counter and how if the project is made on the symfony framework?

{% extends '::base.html.twig' %}

{% block bodyStyle %}style="background: url('../Lomego-Stroy/templates/lomego/css/theme/pattern/pattern1.png') repeat !important;"{% endblock %}

{% block body %}

    <!-- main-container -->
    <div id="main-container" class="box">

        {% include '@App/static/header.html.twig' %}

        {% block content %}{% endblock %}

        {% include '@App/static/footer.html.twig' %}

    </div>
    <!-- main-container end here -->

    <div id="loginform" class="login-form-container ">

        <h4 class="page-headers">Оформить заказ</h4>


        <div id="k2ModuleBox102" class="k2LoginBlock">
            <form action="{{ url('send-order') }}" method="post" id="form-login">

                <fieldset class="input">
                    <p id="form-login-username">
                        <label for="modlgn_username">Ваше имя:</label>
                        <input id="modlgn_username" type="text" name="name" class="inputbox" size="18" />
                    </p>
                    <p id="form-login-password">
                        <label for="modlgn_passwd">Ваш номер:</label>
                        <input id="modlgn_passwd" type="text" name="phone" class="inputbox" size="18" />
                    </p>

                    <input type="submit" name="Submit" class="button" value="Отправить" />
                </fieldset>

            </form>
        </div>
    </div>

{% endblock %}

{% block stylesheets %}

    <!-- HelloPreload http://hello-site.ru/preloader/ -->
    <style type="text/css">#hellopreloader>p{display:none;}#hellopreloader_preload{display: block;position: fixed;z-index: 99999;top: 0;left: 0;width: 100%;height: 100%;min-width: 1000px;background: #808080 url(http://hello-site.ru//main/images/preloads/puff.svg) center center no-repeat;background-size:41px;}</style>
    <div id="hellopreloader"><div id="hellopreloader_preload"></div><p><a href="http://hello-site.ru">Hello-Site.ru. Бесплатный конструктор сайтов.</a></p></div>
    <script type="text/javascript">var hellopreloader = document.getElementById("hellopreloader_preload");function fadeOutnojquery(el){el.style.opacity = 1;var interhellopreloader = setInterval(function(){el.style.opacity = el.style.opacity - 0.05;if (el.style.opacity <=0.05){ clearInterval(interhellopreloader);hellopreloader.style.display = "none";}},16);}window.onload = function(){setTimeout(function(){fadeOutnojquery(hellopreloader);},1000);};</script>
    <!-- HelloPreload http://hello-site.ru/preloader/ -->

    <link href="{{ asset('images/favicon.ico') }}" rel="shortcut icon" type="image/vnd.microsoft.icon" />
    <link href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
    <link href="{{ asset('css/k2.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('css/icon-pack.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('css/layout.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('css/mediaplayer.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('js/rs-plugin/css/settings.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('css/style.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('css/responsive.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('css/slider-v2.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('css/slicebox.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('css/settings.css') }}" rel="stylesheet" type="text/css" />

    <script src="{{ asset('js/jquery.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/jquery-noconflict.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/jquery-migrate.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/k2.frontend.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/caption.js') }}" type="text/javascript"></script>
    <script type="text/javascript">

        jQuery(window).on('load',  function() {

            new JCaption('img.caption');

        });

    </script>

    <link href="{{ asset('css/theme/default.css') }}" id="theme" rel="stylesheet">
    <script src="{{ asset('js/modernizr.js') }}"></script>

    <style>
        @media only screen and (max-width: 479px)
        {
            #page-header h1{ font-size: 30px !important; line-height: 1.2em; }

        }
    </style>

{% endblock %}

{% block javascripts %}

    <!-- javascript -->
    <!--<script src="/Lomego-Stroy/templates/lomego/js/jquery.min.js"></script>-->
    <script src="{{ asset('js/jquery.mobile.custom.min.js') }}"></script>
    <script src="{{ asset('js/owl.carousel.min.js') }}"></script>
    <script src="{{ asset('js/jquery.fancybox.js') }}"></script>
    <script src="{{ asset('js/jquery.easypiechart.js') }}"></script>
    <script src="{{ asset('js/jquery.datepicker.js') }}"></script>
    <script src="{{ asset('js/jquery.easyResponsiveTabs.js') }}"></script>
    <script src="{{ asset('js/jquery.isotope.js') }}"></script>
    <script src="{{ asset('js/jquery.fancybox-media.js') }}"></script>
    <script src="{{ asset('js/jquery.waypoints.min.js') }}"></script>
    <script src="{{ asset('js/jquery.smartmenus.min.js') }}"></script>
    <script src="{{ asset('js/jquery.scrollUp.js') }}"></script>
    <script src="{{ asset('js/jquery.retina.js') }}"></script>
    <script src="{{ asset('js/jquery.cookie.js') }}"></script>
    <script src="{{ asset('js/icheck.js') }}"></script>
    <script src="{{ asset('js/jquery.slicebox.js') }}"></script>
    <script src="{{ asset('js/jquery.maps.js') }}"></script>

    <!-- javascript plugin -->
    <script src="{{ asset('js/rs-plugin/js/jquery.themepunch.tools.min.js') }}"></script>
    <script src="{{ asset('js/rs-plugin/js/jquery.themepunch.revolution.min.js') }}"></script>
    <script src="{{ asset('js/jquery.countTo.js') }}"></script>
    <script src="{{ asset('js/jquery.player.js') }}"></script>

    <!-- javascript core -->
    <script src="{{ asset('js/main.js') }}"></script>
    <script src="{{ asset('js/slider-v2.js') }}"></script>

    <script type="text/javascript">
        jQuery(document).ready(function($){
            // revolution slider configuration here
            $('.slideshow').revolution({
                delay:15000,
                startwidth:1100,
                startheight:550,
                hideThumbs:1,
                navigationType:"none",                  // bullet, thumb, none
                navigationArrows:"solo",                // nexttobullets, solo (old name verticalcentered), none
                navigationStyle:"square",               // round,square,navbar,round-old,square-old,navbar-old, or any from the list in the docu (choose between 50+ different item), custom
                navigationHAlign:"center",              // Vertical Align top,center,bottom
                navigationVAlign:"bottom",              // Horizontal Align left,center,right
                navigationHOffset:0,
                navigationVOffset:0,
                soloArrowLeftHalign:"right",
                soloArrowLeftValign:"bottom",
                soloArrowLeftHOffset:0,
                soloArrowLeftVOffset:42,
                soloArrowRightHalign:"right",
                soloArrowRightValign:"bottom",
                soloArrowRightHOffset:0,
                soloArrowRightVOffset:0,
                touchenabled:"on",                      // Enable Swipe Function : on/off
                onHoverStop:"off",                      // Stop Banner Timet at Hover on Slide on/off
                stopAtSlide:-1,                         // Stop Timer if Slide "x" has been Reached. If stopAfterLoops set to 0, then it stops already in the first Loop at slide X which defined. -1 means do not stop at any slide. stopAfterLoops has no sinn in this case.
                stopAfterLoops:-1,                      // Stop Timer if All slides has been played "x" times. IT will stop at THe slide which is defined via stopAtSlide:x, if set to -1 slide never stop automatic
                hideCaptionAtLimit:0,                   // It Defines if a caption should be shown under a Screen Resolution ( Basod on The Width of Browser)
                hideAllCaptionAtLilmit:0,               // Hide all The Captions if Width of Browser is less then this value
                hideSliderAtLimit:0,                    // Hide the whole slider, and stop also functions if Width of Browser is less than this value
                shadow:0,                               // 0 = no Shadow, 1,2,3 = 3 Different Art of Shadows  (No Shadow in Fullwidth Version !)
                fullWidth:"off",                        // Turns On or Off the Fullwidth Image Centering in FullWidth Modus
                fullScreen:"off",

                parallax:"mouse",
                parallaxBgFreeze:"on",
                parallaxLevels:[10,7,4,3,2,5,4,3,2,1],
            });
        });
    </script>
{% endblock %}

Answer 1

little text
if cho, they write here

Add the copied code to the file that is responsible for generating the header for all pages of the site.