Описание тега react-helmet

React-Helmet - это модуль для управления заголовком документа DOM в React.
1 ответ

React SPA - GTM Analytics React-Helmet Предыдущая страница Название страницы

Я использую Диспетчер тегов Google, чтобы передать события просмотра страниц на уровень данных для отслеживания Google Analytics. Это происходит в componentDidMount () (и иногда componentWillReceiveProps(), если я слушаю изменения параметра строки з…
0 ответов

React Helmet действительно медленный. Нужны ли ссылки 'hreflang' на стороне клиента?

У меня есть страница на моем сайте, которая имеет много alternate ссылки вызваны 5 различными языками и контентом для 31 страны. Всего 155 разных ссылок. Но React Helmet очень медленно работает, и страница зависает на несколько секунд. Это действите…
09 июл '18 в 15:16
1 ответ

Проверьте, загружена ли таблица стилей, затем визуализируйте элементы

Я разрабатываю универсальное приложение "Реакция", используя "Реакция", "Редукс", "Реакция-маршрутизатор" и "Реакт-шлем". Каждая страница в моем приложении имеет отдельную таблицу стилей. Когда маршруты изменяются на стороне клиента, сначала элемент…
1 ответ

Как выполнить метатег и титульный тест в React для реагирующего шлема?

Как сделать юнит-тест в ферменте для проверки <title> а также <meta /> существует и его содержание? index.test.js describe('<Helmet />', () => { it('should render an <Helmet> tag', () => { let wrapper = mount( <IntlP…
1 ответ

Можно ли использовать React-intl в качестве переменной в?

Я использую react-intl а также react-helmet! и я пытаюсь передать мета-описание Шлему как тексту перевода, но кажется, что это невозможно! Вот что я сделал: <Helmet meta={[{ name: 'description', content: { id: 'homepage.description'} }]} link={[{…
30 май '17 в 11:39
0 ответов

Реактивный шлем с рендерингом на стороне сервера

Я пытаюсь использовать реактивный шлем с реактивными рельсами и веб-упаковщик с серверным рендерингом, который позволяет обрабатывать генерацию мета-тега, когда пользователь перемещается по разным маршрутам. Я могу сгенерировать страницу на сервере …
1 ответ

Как включить метатеги в маршрут React SSR, которые должны ждать вызова API?

У меня есть серверный проект React, в котором я использую React-Helmet для передачи метатегов из клиентских компонентов на сервер с помощью Helmet.renderStatic(). Я могу заставить сканер Facebook читать жестко закодированные метатеги, но не могу пол…
0 ответов

Реагируйте на два прохода рендеринга SSR с помощью renderToString и renderToNodeStream

Я пытаюсь сделать SSR с ReactDOMServer.renderToNodeStream(element) но просто хотел знать, будут ли какие-либо проблемы с использованием обоих ReactDOMServer.renderToString(element) а также ReactDOMServer.renderToNodeStream(element) на каждый запрос?…
1 ответ

Как я могу игнорировать ошибки TypeScript при добавлении тегов скрипта через реагирующий шлем?

Следующий код TSX генерирует ошибки TypeScript. //@ts-ignore не работает <Helmet> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createEle…
03 фев '19 в 22:01
1 ответ

React Helmet работает в разработке, но не на производстве

Я сейчас пользуюсь react-helmet в моем проекте GatsbyJS. Я пытаюсь добавить заголовки для каждой страницы, в голове. Это работает в разработке, но не когда я разверну. Я попытался развернуть обе страницы Github Pages и Netlify безуспешно. развитие р…
12 фев '19 в 03:05
0 ответов

GoogleBot использует JavaScript и асинхронную выборку метаданных

У меня проблема с индексацией Google веб-приложения, использующего ReactJS & React Helmet. Мы настроили SSR для лучшего SEO, и он хорошо работает практически со всеми поисковыми системами, кроме Google. Когда я использую "Получить как Google", стран…
1 ответ

Включая внешний JavaScript в Гэтсби, используя шлем

У меня есть этот код в index.js папки макета: <StaticQuery query={graphql` query SiteTitleQuery { site { siteMetadata { title } } } `} render={data => ( <> <Helmet title={data.site.siteMetadata.title} meta={[ {name: 'description', con…
23 дек '18 в 16:25
0 ответов

Как динамически включить мета-теги Twitter Card в React с реагировать на шлем?

Как добавить метатег Twitter Card, используя ответный шлем? Это правильно? <Helmet <meta name="twitter:card" content="summary" data-react-helmet="true"> />
07 май '18 в 19:49
0 ответов

Модульное тестирование метатегов в шлеме

Я использую реагирующий шлем, чтобы добавить метатеги для создания твиттер-карты. Можете ли вы помочь мне с написанием теста для этого. <title>{addon.name}</title> <meta name="twitter:card" content="summary" /> <meta name="twitt…
1 ответ

Извлечение мета-тегов Open Graph с сайта реактивного шлема

У меня есть скрипт, который захватывает метатеги Open Graph с удаленной страницы. Я использую PHP для загрузки страницы в документ DOM и извлекаю содержимое тега следующим образом: if($meta->getAttribute('property')=='og:image') $og_image = $meta…
11 янв '18 в 14:28
1 ответ

Рендеринг ссылки на Facebook не получил правильные мета

Когда я перешел по ссылке на Facebook "www.testurl.com/profile", я не получил правильные метас. Я использую компонент реагирующего шлема, и я пытался добавить {og:title и og:decription}, он не работал. И что же мне делать?
10 окт '18 в 08:01
1 ответ

Задержка реакции компонента на нагрузку до загрузки скрипта головы шлема

У меня есть компонент реагирования, который опирается на Google Maps JS API. Это импортируется в заголовок страницы App.js с тегом script. Когда я пытаюсь загрузить страницу, содержащую этот компонент, происходит сбой, утверждая, что скрипт не загру…
04 ноя '18 в 17:21
2 ответа

Реактивный шлем: Facebook Open Graph

Итак, у меня есть react helmet работает над моим клиентским приложением для повторного рендеринга facebook og теги в голову в зависимости от того, какая страница активна в приложении. Тем не менее facebook отладчик и facebook сам не поднимай ничего …
05 май '18 в 20:55
1 ответ

Правильно настроить серверную часть шлема

Шлем прямо сейчас возвращает пустые строки на сервере. Я не уверен, что документация объясняет это действительно хорошо, и существующие проблемы редко помогают! Выпуск - `console.log('title', helmet.title.toString()); console.log('meta', helmet.meta…
12 фев '18 в 13:17
2 ответа

Реагировать на изменение заголовка страницы

Я знаю, что могу использовать реакцию-документ-заголовок и реактивный шлем, чтобы изменить заголовок страницы. Но у меня есть проблема. response-document-title может установить заголовок страницы по умолчанию, например: function App() { // Use "My W…
28 июн '18 в 16:35