Чтобы добавить <scripts> на вашу страницу с помощью React (и, следовательно, с Gatsby), у вас есть несколько вариантов. Проще всего реализовать с помощью компонента <Helmet>. Вы можете проверить дополнительную информацию в их документации . По сути, он обрабатывает ваш тег <head>:
Этот многоразовый компонент React будет управлять всеми вашими изменениями в заголовке документа.
Helmet принимает простые теги HTML и выводит простые HTML теги. Это очень просто и удобно для новичков в React.
Чтобы показать этот скрипт только на странице / about-us, вам нужно вставить этот фрагмент на желаемую страницу: Не имеет значения, есть ли у вас компонент с сохранением состояния или без состояния, идея состоит в том, чтобы обернуть между компонентом <Helmet> все, что вы хотите поместить в свой <head>, в данном случае <script>.