将Segment telemtry添加到只有一个DOM节点的React组件中

Question

我希望将分段分析添加到我的JupyterLab扩展中。如果你从未听说过JupyterLab扩展，那就不用担心了——最好的想法是：我可以控制DOM中的一个节点，在那里我可以放置一些HTML，所以我正在做以下事情：

function Welcome(props) {return <h1>Hello</h1>;}
ReactDOM.render(<Welcome/>, dom_element_i_control)

这一切都很好——我现在想添加一些分析代码。例如，我希望能够：

1. 查看我的代码何时呈现
2. 查看某人何时与我的渲染元素交互(例如，当用户单击"欢迎"功能中的按钮时(

然而，segment是一个JS库，它以脚本的形式提供，您可以在顶部的字符串标记中加载到网页中，如：

<script>
!function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&...}}();
</script>

我会把这个代码放在哪里？我无法控制更大的页面+HTML，所以我不确定我可以把它放在哪里，这样我就可以开始使用分析了。

感谢提供任何信息！

Answer 1

我的解决方法：

1. 我使用了segment中的analytics-node包，而不是使用上面链接的segment脚本
2. 我在ReactDOM.render之前创建了一个Analytics对象，然后可以在任何我想要的地方使用它：(

请注意，这显然不适用于任何使用添加阻止程序的人！