什么是 yandex-metrika-embedded？
yandex-metrika-embedded 是俄罗斯搜索引擎 Yandex 推出的一款网站访问分析工具。通过安装该工具，网站管理员可以了解到用户在网站上的行为和访问情况，进而优化网站，提高用户体验。
如何安装 yandex-metrika-embedded？
yandex-metrika-embedded 是一个 npm 包，可以通过 npm 来安装。
第一步：在终端中进入项目根目录，执行以下命令：
npm install yandex-metrika-embedded --save
第二步：在项目中引入 yandex-metrika-embedded：
import ym from 'yandex-metrika-embedded';
第三步：初始化 yandex-metrika-embedded：
ym(12345678, 'clickmap', {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});以上代码中，12345678 是你在 yandex-metrika 上注册的网站 ID，clickmap、trackLinks、accurateTrackBounce 是 yandex-metrika 的可选配置项，具体含义可以参考 yandex-metrika 的官方文档。
如何使用 yandex-metrika-embedded？
yandex-metrika-embedded 的使用有两种方式：直接使用 JavaScript API，或者使用兼容性更好的 HTML 代码。
使用 JavaScript API
yandex-metrika-embedded 提供了一组 JavaScript API，可以用于自定义事件的跟踪和页面数据的刷新。
例如，可以通过以下代码来进行自定义事件的跟踪：
ym(12345678, 'reachGoal', 'my_goal');
以上代码中，12345678 是你在 yandex-metrika 上注册的网站 ID，my_goal 是你自定义的事件名称，可以根据实际情况进行修改。
具体的 JavaScript API 和使用方法可以参考 yandex-metrika 的官方文档。
使用 HTML 代码
除了 JavaScript API，yandex-metrika-embedded 还提供了一种更简单的使用方式：使用 HTML 代码。
以下是 yandex-metrika-embedded 的一个标准 HTML 代码：
-- -------------------- ---- -------
---- -------------- ------- ---
------- ---------------------- -
------------------------------------------------------------------------------------
------------ -------------------------------------------------------------------------------------------------------------
-------- --------- --------- -------------------------------------- ------
------------ ------- -
--------------
----------------
------------------------
---
---------
------------------- ----------------------------------------- ------------------------- -------------- ------ -------------------
---- --------------- ------- ---以上 HTML 代码中，12345678 是你在 yandex-metrika 上注册的网站 ID，clickmap、trackLinks、accurateTrackBounce 是 yandex-metrika 的可选配置项，具体含义可以参考 yandex-metrika 的官方文档。注意，如果要使用 HTML 代码，需要将以上代码复制到你的网站中。
示例代码
以下是一个使用 yandex-metrika-embedded 的示例代码：
-- -------------------- ---- -------
--------- -----
------
------
------------------------------ ------------
-------
------
--------------------------- ---------
------- -------------------------------------------
------- ---------------------- --------------------------------------------------------------------------------------
------- -----------------------
----- ------ - --------------------------------
-------- ------------------- -
------------ ------------ ---------------
-
---------
-------
-------以上代码中，当用户点击按钮时，会触发自定义的事件 button_click，然后将数据发送到 yandex-metrika 服务器，进行分析。
总结
yandex-metrika-embedded 是一款强大的网站访问分析工具，通过安装和使用该工具，可以让网站管理员更好地了解用户行为和访问情况，从而优化网站，提高用户体验。本文介绍了 npm 包 yandex-metrika-embedded 的安装、初始化和使用方法，并提供了示例代码供参考。希望能对前端开发者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600552ee81e8991b448d0557