动态Google Parner徽标未在生产环境中加载(内部版本)

时间:2020-02-27 14:20:37

标签: reactjs jsx gatsby

我们正在尝试(根据Google的请求)在Gatsby网站上动态加载Google合作伙伴徽标。徽标基本上只是一个div,它会在Google脚本加载/接受api后加载som样式和iframe。徽标在开发过程中加载良好,但在构建过程中非常不稳定(1/10次)。

我尝试直接在组件中和页面上直接在React Helmet中加载脚本。在Helmet中,脚本每次都会加载,并且不返回任何错误,但是不知何故,logo-div会收到疯狂的样式,而iframe根本不会加载。

我们仔细检查了Google帐户中的acces,它是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

// from google logo component
import React from "react"

const FeaturedCompanies = () => {
return <div className="g-partnersbadge" data-agency-id="1850113825"></div>
}

export default FeaturedCompanies

0 个答案:

没有答案