ot_typo3/ot_stats/Resources/Private/Templates/OtStats/Index.html

{namespace v=FluidTYPO3\Vhs\ViewHelpers}
{namespace ot=Opentalent\OtTemplating\ViewHelpers}

<f:layout name="Backend/Default" />

<f:section name="content">
    <div class="ot-be-module ot-stats">
        <h1>Statistiques d'utilisation</h1>
        <div id="matomoReport">

            <div class="reportSection">

                <div class="reportSubSection">
                    <div class="reportCard">
                        <f:comment><!-- Real time visits--></f:comment>
                        <h4>Visites en temps réel</h4>
                        <div class="widgetIframe">
                            <iframe width="500" height="350" id="realTimeVisits" src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=1&widget=1&moduleToWidgetize=Live&actionToWidgetize=widget&idSite={matomoSiteId}&period=month&date=today&token_auth={matomoToken}" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe>
                            <script defer>iFrameResize({}, '#realTimeVisits')</script>
                        </div>

                    </div>

                    <f:comment>
                        <!-- Disabled until this is fixed: https://github.com/matomo-org/matomo/issues/16867 -->
                        <!-- <div class="reportCard"> -->
                        <!-- <f:comment>&lt;!&ndash; Last visits graph&ndash;&gt;</f:comment> -->
                        <!-- <div class="widgetIframe" id="lastVisitsGraph"><iframe width="450" height="260" src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=1&widget=1&moduleToWidgetize=VisitsSummary&actionToWidgetize=getEvolutionGraph&idSite={matomoSiteId}&period=day&date=today&token_auth={matomoToken}" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe></div>-->
                        <!-- </div> -->
                    </f:comment>
                </div>

                <div class="reportCard">
                    <f:comment><!-- Visits Summary --></f:comment>
                    <h4>Résumé</h4>
                    <div class="widgetIframe">
                        <iframe width="500" height="350" id="visitsSummary"
                                src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=1&widget=1&moduleToWidgetize=VisitsSummary&actionToWidgetize=get&idSite={matomoSiteId}&period=month&date=today&token_auth={matomoToken}" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe>
                        <script defer>iFrameResize({}, '#visitsSummary')</script>
                    </div>
                </div>
            </div>

            <div class="reportSection">
                <div class="reportCard">
                    <f:comment><!-- By weekday --></f:comment>
                    <h4>Par jours de la semaine</h4>
                    <div class="widgetIframe">
                        <iframe width="500" height="350" id="visitsByWeekday"
                                src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=1&widget=1&moduleToWidgetize=VisitTime&actionToWidgetize=getByDayOfWeek&idSite={matomoSiteId}&period=month&date=today&token_auth={matomoToken}" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe>
                        <script defer>iFrameResize({}, '#visitsByWeekday')</script>
                    </div>
                </div>

                <div class="reportCard">
                    <f:comment><!-- By local hour --></f:comment>
                    <h4>Par heures locales</h4>
                    <div class="widgetIframe">
                        <iframe width="500" height="350" id="visitsByHour"
                                src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=1&widget=1&moduleToWidgetize=VisitTime&actionToWidgetize=getByDayOfWeek&idSite={matomoSiteId}&period=month&date=today&token_auth={matomoToken}" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe>
                        <script defer>iFrameResize({}, '#visitsByHour')</script>
                    </div>
                </div>

                <div class="reportCard">
                    <f:comment><!-- Map --></f:comment>
                    <h4>Répartition géographique</h4>
                    <div class="widgetIframe">
                        <iframe width="500" height="450" id="visitsMap"
                                src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=1&widget=1&moduleToWidgetize=UserCountryMap&actionToWidgetize=visitorMap&idSite={matomoSiteId}&period=month&date=today&token_auth={matomoToken}" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe>
                        <f:comment><!-- Don't resize here! That makes the map shrink --></f:comment>
                    </div>
                </div>
            </div>

            <div class="reportSection">
                <div class="reportCard">
                    <f:comment><!-- Refferers --></f:comment>
                    <h4>Référents</h4>
                    <div class="widgetIframe">
                        <iframe width="500" height="350" id="visitsRefferers"
                                src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=1&widget=1&moduleToWidgetize=Referrers&actionToWidgetize=getAll&idSite={matomoSiteId}&period=month&date=today&token_auth={matomoToken}" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe>
                        <script defer>iFrameResize({}, '#visitsRefferers')</script>
                    </div>
                </div>

                <div class="reportCard">
                    <f:comment><!-- By web-browsers   --></f:comment>
                    <h4>Navigateurs</h4>
                    <div class="widgetIframe">
                        <iframe width="500" height="350" id="visitsByBrowsers"
                                src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=1&widget=1&moduleToWidgetize=DevicesDetection&actionToWidgetize=getBrowsers&idSite={matomoSiteId}&period=month&date=today&token_auth={matomoToken}" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe>
                        <script defer>iFrameResize({}, '#visitsByBrowsers')</script>
                    </div>
                </div>
            </div>

            <div class="reportSection">
                <div class="reportCard">
                    <f:comment><!-- By page   --></f:comment>
                    <h4>Pages</h4>
                    <div class="widgetIframe">
                        <iframe width="1028" height="350" id="visitsByPage"
                                src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=1&widget=1&moduleToWidgetize=Actions&actionToWidgetize=getPageUrls&idSite={matomoSiteId}&period=month&date=today&token_auth={matomoToken}" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe>
                        <script defer>iFrameResize({}, '#visitsByPage')</script>
                    </div>
                </div>
            </div>

            <div class="reportSection">
                <div class="reportCard">
                    <f:comment><!-- By entry page --></f:comment>
                    <h4>Pages d'entrée</h4>
                    <div class="widgetIframe">
                        <iframe width="500" height="350" id="visitorsEntryPoints"
                                src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=1&widget=1&moduleToWidgetize=Actions&actionToWidgetize=getEntryPageUrls&idSite={matomoSiteId}&period=month&date=today&token_auth={matomoToken}" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe>
                        <script defer>iFrameResize({}, '#visitorsEntryPoints')</script>
                    </div>
                </div>

                <div class="reportCard">
                    <f:comment><!-- By visits duration   --></f:comment>
                    <h4>Durées de visite</h4>
                    <div class="widgetIframe">
                        <iframe width="500" height="350" id="visitsByDuration"
                                src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=1&widget=1&moduleToWidgetize=VisitorInterest&actionToWidgetize=getNumberOfVisitsPerVisitDuration&idSite={matomoSiteId}&period=month&date=today&token_auth={matomoToken}" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe>
                        <script defer>iFrameResize({}, '#visitsByDuration')</script>
                    </div>
                </div>
            </div>

            <div class="reportFooter">
                <f:link.action
                        action="askForDeactivationConfirmation"
                        title="select"
                        id="disableLink"
                        class="warning"
                >
                    Désactiver le suivi de l'utilisation
                </f:link.action>
            </div>

        </div>
    </div>
</f:section>