Code Monkey home page Code Monkey logo

Comments (12)

narkq avatar narkq commented on June 20, 2024

Отслеживание хеша в адресной строке браузера

Написал в этом комментарии
#18 (comment)

Асинхронный код

Что это значит? Способ загрузки скрипта метрики? Он и так асинхронный.

В одну строку

Что это значит?

Информер

Отдельным компонентом. Присылайте пулл-реквесты :)

from react-yandex-metrika.

romanown avatar romanown commented on June 20, 2024

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

from react-yandex-metrika.

narkq avatar narkq commented on June 20, 2024

Параметры инициализации счётчика можно найти в документации https://yandex.ru/support/metrika/code/counter-initialize.xml

Если я правильно понимаю, вам нужно указать <YMInitializer accounts={[123]} options={{trackHash: true}} />

Однако, я не уверен, что имеет смысл включать и отслеживание хеша, и отправку хитов при навигации через клиентский роутер.

from react-yandex-metrika.

romanown avatar romanown commented on June 20, 2024

спасибо, попробую. без хэша он утм метки не показывает. параметры то известны, а как их использовать не догадался сам.

from react-yandex-metrika.

romanown avatar romanown commented on June 20, 2024

не помогло. не показывает утм метки. а когда был стандартный код от яндекса, показывало. но я его удалил и поставил Ваш компонент.

from react-yandex-metrika.

narkq avatar narkq commented on June 20, 2024

from react-yandex-metrika.

narkq avatar narkq commented on June 20, 2024

from react-yandex-metrika.

romanown avatar romanown commented on June 20, 2024

все так же как и ранее описывал.
`const HistoryListener = withRouter(class extends React.Component {

  componentWillReceiveProps(nextProps) {
  const currentPage = this.props.location.pathname;
  const nextPage = nextProps.location.pathname;

  if (currentPage !== nextPage) {
  ym('hit', nextPage);  
  }
}

render() {
}
})
export default withRouter(props => {
return (

<YMInitializer accounts={[49433788]} options={{trackHash: true}}/>
<HistoryListener />
  <Switch>
как-то код странно вставляется

from react-yandex-metrika.

narkq avatar narkq commented on June 20, 2024

Так pathname не содержит же query string. Вам просто нужно url целиком передать. trackHash ни при чем вообще, мне кажется.

from react-yandex-metrika.

romanown avatar romanown commented on June 20, 2024

такой код в компоненте по гуглу и Вы мне его в пример использования ставили.

from react-yandex-metrika.

narkq avatar narkq commented on June 20, 2024

такой код в компоненте по гуглу

Значит там utm-метки тоже не передаются, что ж поделать :)

Вы мне его в пример использования ставили.

Если посмотрите внимательнее, то можете увидеть, что я в комментарии писал немного другой код.
#18 (comment)

from react-yandex-metrika.

romanown avatar romanown commented on June 20, 2024

так у меня вообще ничего не работало. после долгих экспериментов единственно хоть как-то рабочий вариант тот который сейчас есть и который я показал.

from react-yandex-metrika.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.