Question

我正在Netlify https://www.evooq.ch/careers/上托管的GatabyJS网站上工作。我正在尝试添加Google雇用脚本以显示职位空缺列表。

这是Google提供的（我已经尝试过使用普通的html文件，并且可以使用）

<div class="hire-jobs"></div>
<script id="hire-embed-loader" async defer src="https://hire.withgoogle.com/s/embed/hire-jobs.js?company=evooqch"></script>

我将类更改为className，我尝试将script标签直接添加到组件中，这样做会随机显示工作清单，尽管没有显示任何内容。

我也曾尝试过将脚本标签添加到gatsby-ssr.js中。

import React from "react";
export function onRenderBody({ setHeadComponents }) {
  setHeadComponents([
    <script
      id="hire-embed-loader"
      src="https://hire.withgoogle.com/s/embed/hire-jobs.js?company=evooqch"
    />
  ]);
}

我尝试使用ssr文件中的setHeadComponents，setPreBodyComponents和setPostBodyComponents。

我还尝试了异步和延迟的不同组合。

Answer 1

我从未设法解决此问题，但我发现Google Hire提供了JSON feed，因此我改用它。

我现在遇到了在运行时加载JSON数据的问题。参见Gatsby load JSON data at runtime

将Google雇用脚本添加到Gatsby网站

1 个答案: