Мы пытаемся динамически загружать Google Partner Lo go (по запросу от Google) на сайте Gatsby. Lo go - это, по сути, просто div, который загружает стили som и iframe после того, как скрипт google загружен / принят через API. Lo go нормально загружается при разработке, но очень нестабильно в сборке (1/10 раз).
Я попытался загрузить скрипт в React Helmet непосредственно в компоненте и прямо на странице. В Helmet скрипты загружаются каждый раз и не возвращают никаких ошибок, но каким-то образом lo go -div получает сумасшедший улов, а iframe вообще не загружается.
Мы дважды проверили доступ в нашей учетной записи Google и это на 100% правильно, так что я думаю, что что-то происходит в сборке ...
// from helmet component
import React from "react"
import Helmet from "react-helmet"
function SEO({ description, lang, meta, title }) {
<Helmet>
<script src="https://apis.google.com/js/platform.js" async defer</script>
</Helmet>
// ... a lot of irelevant SEO stuff excluded
}
export default SEO
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>// from google logo component
import React from "react"
const FeaturedCompanies = () => {
return <div className="g-partnersbadge" data-agency-id="1850113825"></div>
}
export default FeaturedCompanies