Гэтсби / Реакт - Получить URL-адрес

Question

Создание доски объявлений о работе. Необходимо знать, нажал ли пользователь на нашу ссылку с сайта monster.com, jobs.com, foobar.com и т. Д. c. Это должно происходить в коде, так как мне нужно отправить его в API.

Каков наилучший способ выполнить sh это?

Я пытался искать, но могу только найти статьи по внутренней маршрутизации, например:
Как получить предыдущий URL-адрес в реакции Гэтсби

Если мне нужно сделать это простым текстом Javascript (недоступно) вне the-box "), пожалуйста, укажите мне правильное направление там тоже. Даже не уверен, что Google для этого, кроме "UTM параметры". Мы используем Google Analytics, и команда маркетинга включает в ссылки utm params, если это поможет.

Answer 1

В gatsby каждый компонент страницы имеет реквизит местоположения с некоторой полезной информацией. Таким образом, вы можете сделать что-то вроде:

import React from "react"

const IndexPage = ({ location }) => {
  console.log(location.search.split("?")[1].split("&"))
  return (
    <div>
      My homepage
    </div>
  )
}

export default IndexPage

Так что посещение https://myapp.com/?campaign=foo&id=bar будет записывать ["campaign=foo", "id=bar"]. С помощью этой информации вы можете решить, как и когда связываться с вашими API, чтобы регистрировать соответствующую информацию.