TopMailCounter.jsx

import React from 'react';
import { canUseDOM } from 'react-eq-utilities/dom';

const WINDOW = canUseDOM ? window : {};

const Image = ({ id }) => {
  if (!id) return null;
  return (
    <a
      href={`https://top.mail.ru/jump?from=${id}`}
      target="_blank"
      rel="noopener noreferrer nofollow"
    >
      <img
        src={`//top-fwz1.mail.ru/counter?id=${id};t=617;l=1`}
        style={{ border: 0 }}
        height={40}
        width={88}
        alt="Рейтинг@Mail.ru"
      />
    </a>
  );
};

const noscriptStyle = { border: 0, position: 'absolute', left: -9999, top: -9999 };

export default (id = WINDOW.tmrId) => ({
  tmr: WINDOW._tmr || (WINDOW._tmr = []),
  noscript() {
    return (
      <noscript>
        <img
          src={`https://top-fwz1.mail.ru/counter?id=${id};js=na`}
          style={noscriptStyle}
          alt="Top.Mail.Ru"
        />
      </noscript>
    );
  },
  push(params) {
    const p = { ...params };
    if (!WINDOW.TMRstart) {
      p.start = (new Date()).getTime();
      WINDOW.TMRstart = true;
    }
    return this.tmr.push({ id, type: 'pageView', ...p });
  },
  init() {
    const exist = document.getElementById('topmailru-code');
    const tmr = WINDOW._tmr || (WINDOW._tmr = []);
    WINDOW.tmrId = id;
    // tmr.push({ id, type: 'pageView', start: (new Date()).getTime() });
    if (exist) return;
    const s = document.createElement('script');
    s.async = true;
    s.src = `http${(document.location.protocol === 'https:' ? 's' : '')}://top-fwz1.mail.ru/js/code.js`;
    s.id = 'topmailru-code';
    const head = document.head;
    if (head) head.appendChild(s);
  },
  image: () => <Image id={id || WINDOW.tmrId || WINDOW._tmr[0]} />,
});

При инициализации первой страницы вызывается метов init.
При переходе по страницам осуществляется вызов метода push с параметрами.