小编Jen*_*enn的帖子

如何将 Facebook 聊天工具添加到 Next.js?

我尝试在我的 Next.js 应用程序中添加 Facebook 客户聊天,但它不起作用。我找不到我的代码有任何问题。

  1. 如何在我的 Next.js 应用程序中添加 Facebook 客户聊天?
  2. 我的代码有什么错误吗?
  3. 有更好的实现来解决这个问题吗?

这是我的代码。

_document.js

import Document, { Html, Head, Main, NextScript } from "next/document";
import React from "react";
import { getLangParam } from "../utils";

export default class MyDocument extends Document {
  render() {
    return (
      <Html >
        <Head />
          <noscript
            dangerouslySetInnerHTML={{
              __html: `<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MPQD53D"
                        height="0" width="0" style="display:none;visibility:hidden"></iframe>`,
            }}
        <body>
          <Main />
          <NextScript />
        </body>
          <div id="fb-root"></div>
          <script
          dangerouslySetInnerHTML={{
            __html: `
            window.fbAsyncInit = function() {
              FB.init({
                xfbml            : true,
                version          : …
Run Code Online (Sandbox Code Playgroud)

reactjs next.js facebook-customer-chat

4
推荐指数
1
解决办法
8728
查看次数

标签 统计

facebook-customer-chat ×1

next.js ×1

reactjs ×1