{"id":859,"date":"2022-12-14T02:23:19","date_gmt":"2022-12-13T18:23:19","guid":{"rendered":"https:\/\/manychat.com.hk\/?post_type=docs&#038;p=859"},"modified":"2022-12-09T02:23:34","modified_gmt":"2022-12-08T18:23:34","password":"","slug":"%e3%80%90%e6%88%90%e9%95%b7%e5%b7%a5%e5%85%b7%e3%80%91%e5%a2%9e%e9%95%b7%e5%b7%a5%e5%85%b7api%e6%96%87%e6%aa%94","status":"publish","type":"docs","link":"https:\/\/manychat.com.hk\/zh_cn\/docs\/%e3%80%90%e6%88%90%e9%95%b7%e5%b7%a5%e5%85%b7%e3%80%91%e5%a2%9e%e9%95%b7%e5%b7%a5%e5%85%b7api%e6%96%87%e6%aa%94\/","title":{"rendered":"\u3010\u6210\u957f\u5de5\u5177\u3011\u589e\u957f\u5de5\u5177API\u6587\u6863"},"content":{"rendered":"<p dir=\"ltr\"><span>\u4f7f\u7528ManyChat\u589e\u957f\u5de5\u5177\u65f6\uff0c\u8be5\u5e93\u63d0\u4f9b\u4e86\u66f4\u591a\u673a\u4f1a\uff1a<\/span><\/p>\n<ul>\n<li dir=\"ltr\">\n<p dir=\"ltr\"><span>\u4f7f\u7528\u65e0\u5934\u590d\u9009\u6846\u5c0f\u90e8\u4ef6\u7684\u529f\u80fd<\/span><\/p>\n<\/li>\n<li dir=\"ltr\">\n<p dir=\"ltr\"><span>\u4e3a\u52a8\u6001\u521b\u5efa\u7684\u5143\u7d20\u521d\u59cb\u5316\u5c0f\u90e8\u4ef6\u7684\u673a\u4f1a<\/span><\/p>\n<\/li>\n<li dir=\"ltr\"><span>\u63a7\u5236\u5c0f\u90e8\u4ef6\u7684\u53ef\u89c1\u6027\u7b49<\/span><\/li>\n<\/ul>\n<h2 dir=\"ltr\"><span>\u521d\u59cb\u5316<\/span><\/h2>\n<p dir=\"ltr\"><span>\u5e93\u7684\u52a0\u8f7d\u662f\u901a\u8fc7\u4f7f\u7528\u811a\u672c\u5b8c\u6210\u7684\u3002\u53ef\u4ee5\u5728\u201c\u589e\u957f\u5de5\u5177\u201d\u90e8\u5206\uff08\u201c\u8bbe\u7f6e\u201d\u9009\u9879\u5361\uff0c\u5b89\u88c5JavaScript\u4ee3\u7801\u6bb5\uff09\u4e2d\u627e\u5230\u6b64\u811a\u672c\u7684\u94fe\u63a5\u3002\u52a0\u8f7d\u662f\u5f02\u6b65\u6267\u884c\u7684\uff0c\u8fd9\u5c31\u662f\u4e3a\u4ec0\u4e48\u5728\u8c03\u7528\u5e93\u7684\u65b9\u6cd5\u4e4b\u524d\u5fc5\u987b\u7b49\u5f85\u5e93\u52a0\u8f7d\u7684\u539f\u56e0\u3002\u8fd9\u5c31\u662f<\/span><code class=\"source-code\">mcAsyncInit<\/code><span>\u56de\u8c03\u7684\u76ee\u7684\u3002\u52a0\u8f7d\u540e\uff0c\u5168\u5c40<\/span><code class=\"source-code\">MC<\/code><span>\u53d8\u91cf\u53d8\u5f97\u53ef\u7528\u5e76\u63d0\u4f9b\u5bf9\u529f\u80fd\u7684\u8bbf\u95ee\u3002\u00a0<\/span><\/p>\n<div class=\"prism-show-language\">\n<div class=\"prism-show-language-label\"><span>\u7684HTML<\/span><\/div>\n<\/div>\n<pre class=\"line-numbers  language-html\" data-code-brush=\"html\"><code class=\"language-html\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>script <span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>\/\/widget.manychat.com\/YOUR_PAGE_ID.js<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">async<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>async<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>script<span class=\"token punctuation\">&gt;<\/span><\/span>\r\n<span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>script<span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token script language-javascript\">\r\n  \u7a97\u53e3<span class=\"token punctuation\">.<\/span>mcAsyncInit <span class=\"token operator\">=<\/span> <span class=\"token keyword\">\u51fd\u6570<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\r\n    <span class=\"token comment\" spellcheck=\"true\">\/\/ MC \u53d8\u91cf\u73b0\u5728\u53ef\u7528<\/span>\r\n    \u63a7\u5236\u53f0<span class=\"token punctuation\">.<\/span><span class=\"token function\">\u65e5\u5fd7<\/span><span class=\"token punctuation\">(<\/span>MC<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\r\n  <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span>\r\n<\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>script<span class=\"token punctuation\">&gt;<\/span><\/span><\/code><\/pre>\n<h2><span>\u5d4c\u5165\u5c0f\u90e8\u4ef6\u521d\u59cb\u5316<\/span><\/h2>\n<p><span>\u8981\u521d\u59cb\u5316\u5d4c\u5165\u7684\u7a97\u53e3\u5c0f\u90e8\u4ef6\uff08\u6309\u94ae\u6216\u6846\uff09\uff0c\u60a8\u9700\u8981\u5728\u9875\u9762\u4e2d\u5411\u60a8\u5e0c\u671b\u7a97\u53e3\u5c0f\u90e8\u4ef6\u51fa\u73b0\u7684\u4f4d\u7f6e\u6dfb\u52a0\u5176\u4ed6\u4ee3\u7801\u3002\u901a\u5e38\uff0c\u6b64\u4ee3\u7801\u5982\u4e0b\u6240\u793a\uff1a<\/span><\/p>\n<div class=\"prism-show-language\">\n<div class=\"prism-show-language-label\"><span>\u7684HTML<\/span><\/div>\n<\/div>\n<pre class=\"line-numbers  language-html\" data-code-brush=\"html\"><code class=\"language-html\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>mcwidget-embed<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">data-widget-id<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>YOUR_WIDGET_ID<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">data-widget-payload<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>OPTIONAL_PAYLOAD<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<span class=\"token punctuation\">&gt;<\/span><\/span><\/code><\/pre>\n<p><span>\u60a8\u53ef\u4ee5\u5c06\u4ee3\u7801\u653e\u5728\u540c\u4e00\u9875\u9762\u4e0a\u7684\u591a\u4e2a\u4f4d\u7f6e\u3002\u5c0f\u90e8\u4ef6\u7684\u5b9e\u4f8b\u5c06\u5728\u6bcf\u4e2a\u4f4d\u7f6e\u521d\u59cb\u5316\u3002\u5bf9\u4e8e\u5c0f\u90e8\u4ef6\u7684\u6bcf\u4e2a\u5b9e\u4f8b\uff0c\u60a8\u53ef\u4ee5\u8bbe\u7f6e\u4e00\u4e2a\u53ef\u9009\u7684\u6709\u6548\u8d1f\u8f7d-\u8fd9\u662f\u5c06\u4fdd\u5b58\u5728\u5c0f\u90e8\u4ef6\u8bbe\u7f6e\u4e2d\u6307\u5b9a\u7684\u201c\u81ea\u5b9a\u4e49\u7528\u6237\u5b57\u6bb5\u201d\u4e2d\u7684\u6570\u636e\u3002\u8981\u8bbe\u7f6e\u7a97\u53e3\u5c0f\u90e8\u4ef6\u5b9e\u4f8b\u7684\u6709\u6548\u8d1f\u8f7d\uff0c\u8bf7<\/span><code>data-widget-payload<\/code><span>\u4e3a\u5143\u7d20\u8bbe\u7f6e\u5c5e\u6027\u6216\u4f7f\u7528\u4e0b\u9762\u63cf\u8ff0\u7684\u65b9\u6cd5\u3002<\/span><code>\u00a0setPayload<\/code><\/p>\n<h2 dir=\"ltr\"><span>\u6838\u5fc3\u65b9\u6cd5<\/span><\/h2>\n<table>\n<tbody>\n<tr>\n<td>\n<p dir=\"ltr\"><strong><span>\u65b9\u6cd5<\/span><\/strong><\/p>\n<\/td>\n<td>\n<p dir=\"ltr\"><strong><span>\u63cf\u8ff0<\/span><\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p dir=\"ltr\"><code class=\"source-code\">MC.parse()<\/code><\/p>\n<\/td>\n<td>\n<p dir=\"ltr\"><span>\u5728\u9875\u9762\u4e0a\u67e5\u627e\u5c0f\u90e8\u4ef6\u5143\u7d20\uff08\u4f8b\u5982<\/span><code class=\"source-code\">&lt;div class=&quot;mcwidget-checkbox&quot; data-widget-id=&quot;420&quot;&gt;&lt;\/div&gt;<\/code><span>\uff09\u5e76\u8fdb\u884c\u6e32\u67d3\u3002\u5728\u52a0\u8f7d\u5e93\u65f6\u8c03\u7528\u6b64\u51fd\u6570\u3002\u5982\u679c\u60a8\u9700\u8981\u5448\u73b0\u5728\u5e93\u52a0\u8f7d\u540e\u6dfb\u52a0\u5230DOM\u4e2d\u7684\u5143\u7d20\uff0c\u5219\u53ef\u80fd\u5f88\u6709\u7528\u3002\u00a0<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p dir=\"ltr\"><code class=\"source-code\">MC.getWidget(widgetId or DOM Element)<\/code><\/p>\n<\/td>\n<td>\n<p dir=\"ltr\"><span>\u901a\u8fc7\u5c0f\u90e8\u4ef6ID\u6216Embed\u5c0f\u90e8\u4ef6\u5b9e\u4f8b\u7684DOM\u5143\u7d20\u8fd4\u56de\u5c0f\u90e8\u4ef6\u7684\u5bf9\u8c61\u3002\u4f7f\u7528\u6b64\u5bf9\u8c61\uff0c\u60a8\u53ef\u4ee5\u4fa6\u542c\u5c0f\u90e8\u4ef6\u7684\u4e8b\u4ef6\u548c\u8c03\u7528\u65b9\u6cd5\u3002\u7a97\u53e3\u5c0f\u90e8\u4ef6\u7684ID\u53ef\u4ee5\u4eceGrowth Tools\u4e2d\u7684\u4ee3\u7801\u6bb5\u4e2d\u83b7\u53d6\u3002<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><span>MC.getWidgetList()<\/span><\/td>\n<td><span>\u8fd4\u56de\u6240\u6709\u6d3b\u52a8\u5c0f\u90e8\u4ef6\u7684\u5217\u8868\u3002<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 dir=\"ltr\"><span>\u590d\u9009\u6846\u5c0f\u90e8\u4ef6\u65b9\u6cd5<\/span><\/h2>\n<p dir=\"ltr\"><em><span>\u4e0b\u9762\u5217\u51fa\u7684\u6240\u6709\u65b9\u6cd5\u548c\u5c5e\u6027\u4ec5\u9002\u7528\u4e8e\u201c\u590d\u9009\u6846\u201d\u7a97\u53e3\u5c0f\u90e8\u4ef6\u7c7b\u578b\u3002<\/span><\/em><\/p>\n<table>\n<tbody>\n<tr>\n<td>\n<p dir=\"ltr\"><strong><span>\u65b9\u6cd5<\/span><\/strong><\/p>\n<\/td>\n<td>\n<p dir=\"ltr\"><strong><span>\u63cf\u8ff0<\/span><\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p dir=\"ltr\"><code class=\"source-code\">.on(eventName, callback)<\/code><\/p>\n<\/td>\n<td>\n<p dir=\"ltr\"><span>\u8ba2\u9605\u4e8b\u4ef6<\/span><code class=\"source-code\">eventName<\/code><span>\u3002\u53ef\u7528\u503c<\/span><code class=\"source-code\">eventName<\/code><span>\uff1a<\/span><\/p>\n<ul>\n<li dir=\"ltr\">\n<p dir=\"ltr\"><code class=\"source-code\">checked<\/code><span>\u00a0-\u66f4\u6539\u9009\u4e2d\u7684\u590d\u9009\u6846\u72b6\u6001<\/span><\/p>\n<\/li>\n<li dir=\"ltr\">\n<p dir=\"ltr\"><span>\u5df2\u63d0\u4ea4<\/span><span>\u00a0-\u5c0f\u90e8\u4ef6\u63d0\u4ea4<\/span><\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p dir=\"ltr\"><code class=\"source-code\">.off(event[, callback])<\/code><\/p>\n<\/td>\n<td>\n<p dir=\"ltr\"><span>\u9000\u8ba2\u4e00\u4e2a\u4e8b\u4ef6\u6216\u6240\u6709\u4e8b\u4ef6\u3002\u5982\u679c\u6ca1\u6709\u63d0\u4f9b\u56de\u8c03\uff0c\u5b83\u5c06\u53d6\u6d88\u8ba2\u9605\u6240\u6709\u4e8b\u4ef6\u3002<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><span>.\u63d0\u4ea4\uff08\uff09<\/span><\/td>\n<td>\n<p dir=\"ltr\" data-select-like-a-boss=\"1\"><span>\u53d1\u9001\u590d\u9009\u6846\u786e\u8ba4\u7684\u65b9\u6cd5\u3002\u5355\u51fb\u6309\u94ae\u540e\u5fc5\u987b\u8c03\u7528\u4ee5\u786e\u8ba4\u52a0\u5165\u3002<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p dir=\"ltr\"><code class=\"source-code\">.checked<\/code><\/p>\n<\/td>\n<td>\n<p dir=\"ltr\" data-select-like-a-boss=\"1\"><span>\u6b64\u5c5e\u6027\u5141\u8bb8\u68c0\u67e5\u7a97\u53e3\u5c0f\u90e8\u4ef6\u7684\u5f53\u524d\u72b6\u6001\u3002<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><span>.ref<\/span><\/td>\n<td><span>\u63d0\u4ea4\u5c0f\u90e8\u4ef6\u65f6\u4f7f\u7528\u5f15\u7528\u5b57\u7b26\u4e32\uff0c\u4ec5\u5728\u63d0\u4ea4\u540e\u624d\u53ef\u7528\u3002<\/span><\/td>\n<\/tr>\n<tr>\n<td><span>.userRef<\/span><\/td>\n<td><span>\u63d0\u4ea4\u7a97\u53e3\u5c0f\u90e8\u4ef6\u65f6\u4f7f\u7528\u7528\u6237\u6807\u8bc6\u7b26\uff0c\u4ec5\u5728\u63d0\u4ea4\u540e\u624d\u53ef\u7528\u3002<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 dir=\"ltr\"><span>\u53e0\u52a0\u5c0f\u90e8\u4ef6\u65b9\u6cd5<\/span><\/h2>\n<p dir=\"ltr\"><em><span>\u4e0b\u9762\u5217\u51fa\u7684\u6240\u6709\u65b9\u6cd5\u548c\u5c5e\u6027\u4ec5\u9002\u7528\u4e8e\u201c Bar\u201d\uff0c\u201c Slide-In\u201d\uff0c\u201c Modal\u201d\u548c\u201c Page Takeover\u201d\u7a97\u53e3\u5c0f\u90e8\u4ef6\u7c7b\u578b\u3002<\/span><\/em><\/p>\n<table>\n<tbody>\n<tr>\n<td>\n<p dir=\"ltr\"><strong><span>\u65b9\u6cd5<\/span><\/strong><\/p>\n<\/td>\n<td>\n<p dir=\"ltr\"><strong><span>\u63cf\u8ff0<\/span><\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><span>.\u6253\u5f00\uff08\uff09<\/span><\/td>\n<td>\n<p dir=\"ltr\"><span>\u6253\u5f00\u5c0f\u90e8\u4ef6\u3002<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p dir=\"ltr\"><code class=\"source-code\">.close()<\/code><\/p>\n<\/td>\n<td>\n<p dir=\"ltr\"><span>\u5173\u95ed\u5c0f\u90e8\u4ef6\u3002<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><span>.setPayload\uff08refPayload\uff09<\/span><\/td>\n<td><span>\u8bbe\u7f6e\u5c0f\u90e8\u4ef6\u7684\u53c2\u8003\u6709\u6548\u8f7d\u8377\u3002\u503c\u5fc5\u987b\u662f\u5b57\u7b26\u4e32\u3002\u6700\u591a200\u4e2a\u5b57\u7b26\u3002\u6709\u6548\u5b57\u7b26\u4e3a<\/span><code>a-z A-Z 0-9 +\/=-._<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 data-select-like-a-boss=\"1\"><span>\u5ba2\u6237\u804a\u5929\u5c0f\u90e8\u4ef6\u65b9\u6cd5<\/span><\/h2>\n<p dir=\"ltr\"><em><span>\u4e0b\u9762\u5217\u51fa\u7684\u6240\u6709<\/span><span>\u65b9\u6cd5\u548c\u5c5e\u6027\u4ec5\u9002\u7528\u4e8e\u201c\u5ba2\u6237\u804a\u5929\u201d\u7a97\u53e3\u5c0f\u90e8\u4ef6\u7c7b\u578b\u3002<\/span><\/em><\/p>\n<h3><span>\u901f\u7387\u9650\u5236<\/span><\/h3>\n<p><span>\u6bcf\u4e2a\u201c\u5ba2\u6237\u804a\u5929\u201d\u65b9\u6cd5\u9650\u5236\u4e3a\u6bcf5\u79d21\u4e2a\u8c03\u7528\u3002<\/span><\/p>\n<table>\n<tbody>\n<tr>\n<td>\n<p dir=\"ltr\"><strong><span>\u65b9\u6cd5<\/span><\/strong><\/p>\n<\/td>\n<td>\n<p dir=\"ltr\"><strong><span>\u63cf\u8ff0<\/span><\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><span>.open\uff08shouldOpenDialog\uff09<\/span><\/td>\n<td>\n<p dir=\"ltr\"><span>\u6253\u5f00\u5c0f\u90e8\u4ef6\u3002\u60a8\u53ef\u4ee5\u4f7f\u7528<\/span><span>shouldOpenDialog<\/span><span>\u53c2\u6570\u6765\u786e\u5b9a\u662f\u5426\u4e5f\u5e94\u6253\u5f00\u5bf9\u8bdd\u6846\u3002<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p dir=\"ltr\"><code class=\"source-code\">.close()<\/code><\/p>\n<\/td>\n<td>\n<p dir=\"ltr\"><span>\u5173\u95ed\u6574\u4e2a\u5c0f\u90e8\u4ef6\u3002<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><span>.openDialog\uff08\uff09<\/span><\/td>\n<td><span>\u6253\u5f00\u7a97\u53e3\u5c0f\u90e8\u4ef6\u5bf9\u8bdd\u6846\u3002<\/span><\/td>\n<\/tr>\n<tr>\n<td><span>.closeDialog\uff08\uff09<\/span><\/td>\n<td><span>\u5173\u95ed\u7a97\u53e3\u5c0f\u90e8\u4ef6\u5bf9\u8bdd\u6846\u3002<\/span><\/td>\n<\/tr>\n<tr>\n<td><span>.setLoggedInGreeting\uff08\u6587\u672c\uff09<\/span><\/td>\n<td><span>\u8bbe\u7f6e\u767b\u5f55\u7528\u6237\u7684\u95ee\u5019\u8bed\u3002<\/span><\/td>\n<\/tr>\n<tr>\n<td><span>.setLoggedOutGreeting\uff08\u6587\u672c\uff09<\/span><\/td>\n<td><span>\u8bbe\u7f6e\u6ce8\u9500\u7528\u6237\u7684\u95ee\u5019\u8bed\u3002<\/span><\/td>\n<\/tr>\n<tr>\n<td><span>.setPayload\uff08refPayload\uff09<\/span><\/td>\n<td><span>\u8bbe\u7f6e\u5c0f\u90e8\u4ef6\u7684\u53c2\u8003\u6709\u6548\u8f7d\u8377\u3002\u503c\u5fc5\u987b\u662f\u5b57\u7b26\u4e32\u3002<\/span><\/td>\n<\/tr>\n<tr>\n<td><span>.set\uff08\u53d8\u66f4\uff09<\/span><\/td>\n<td><span>\u8bbe\u7f6e\u95ee\u5019\u8bed\u548c\/\u6216ref\u6709\u6548\u8d1f\u8f7d\u53c2\u6570\u3002<\/span><code>\u53d8\u66f4<\/code><span>\u662f\u5177\u6709\u65b0\u503c\u7684JSON\u5bf9\u8c61\u3002\u53ef\u7528PARAM\u540d\u79f0\uff1a<\/span><code>loggedInGreeting<\/code><span>\uff0c<\/span><code>loggedOutGreeting<\/code><span>\uff0c<\/span><code>refPayload<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 data-select-like-a-boss=\"1\"><span>\u5d4c\u5165\u5c0f\u90e8\u4ef6\u65b9\u6cd5<\/span><\/h2>\n<p><em data-select-like-a-boss=\"1\"><span>\u4e0b\u9762\u5217\u51fa\u7684\u6240\u6709\u65b9\u6cd5\u548c\u5c5e\u6027\u4ec5\u9002\u7528\u4e8e\u201c\u6309\u94ae\u201d\u548c\u201c\u6846\u201d\u7a97\u53e3\u5c0f\u90e8\u4ef6\u7c7b\u578b\u3002<\/span><\/em><\/p>\n<p><span>\u8981\u5728\u7a97\u53e3\u5c0f\u90e8\u4ef6\u4e0a\u6267\u884c\u65b9\u6cd5\uff0c\u60a8\u9700\u8981\u83b7\u53d6\u7a97\u53e3\u5c0f\u90e8\u4ef6\u5b9e\u4f8b\u5bf9\u8c61\u3002\u60a8\u65e0\u6cd5\u901a\u8fc7\u5c06\u4f20\u9012<\/span><code>widgetId<\/code><span>\u7ed9\u65b9\u6cd5\u6765\u83b7\u53d6\u5b83\uff0c<\/span><code>MC.getWidget<\/code><span>\u56e0\u4e3a\u9875\u9762\u4e0a\u53ef\u80fd\u540c\u65f6\u5b58\u5728\u591a\u4e2a\u5c0f\u90e8\u4ef6\u5b9e\u4f8b\u3002\u56e0\u6b64\uff0c\u8981\u83b7\u53d6\u5b9e\u4f8b\u5bf9\u8c61\uff0c\u60a8\u5e94\u5728\u8c03\u7528\u65f6\u4f20\u9012Widget DOM\u5143\u7d20\u4f5c\u4e3a\u53c2\u6570<\/span><code>MC.getWidget<\/code><span>\uff0c\u4f8b\u5982<\/span><\/p>\n<div class=\"prism-show-language\">\n<div class=\"prism-show-language-label\"><span>\u7684HTML<\/span><\/div>\n<\/div>\n<pre class=\"line-numbers  language-html\" data-code-brush=\"html\"><code class=\"language-html\"><span class=\"token comment\" spellcheck=\"true\"><!-- your code snippet --><\/span>\r\n<span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div <span class=\"token attr-name\">id<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>test-widget<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>mcwidget-embed<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">data-widget-id<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>420<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<span class=\"token punctuation\">&gt;<\/span><\/span><\/code><\/pre>\n<div class=\"prism-show-language\">\n<div class=\"prism-show-language-label\"><span>s<\/span><\/div>\n<\/div>\n<pre class=\"line-numbers  language-js\" data-code-brush=\"js\"><code class=\"language-js\"><span class=\"token keyword\">const<\/span> widgetInstanceElement <span class=\"token operator\">=<\/span> document<span class=\"token punctuation\">.<\/span><span class=\"token function\">getElementById<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'test-widget'<\/span><span class=\"token punctuation\">)<\/span>\r\n<span class=\"token keyword\">const<\/span> widget <span class=\"token operator\">=<\/span> MC<span class=\"token punctuation\">.<\/span><span class=\"token function\">getWidget<\/span><span class=\"token punctuation\">(<\/span>widgetInstanceElement<span class=\"token punctuation\">)<\/span>\r\nwidget<span class=\"token punctuation\">.<\/span><span class=\"token function\">setPayload<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'custom_payload'<\/span><span class=\"token punctuation\">)<\/span><\/code><\/pre>\n<table>\n<tbody>\n<tr>\n<td>\n<p dir=\"ltr\"><strong><span>\u65b9\u6cd5<\/span><\/strong><\/p>\n<\/td>\n<td>\n<p dir=\"ltr\"><strong><span>\u63cf\u8ff0<\/span><\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><span>.setPayload\uff08refPayload\uff09<\/span><\/td>\n<td><span>\u8bbe\u7f6e\u5c0f\u90e8\u4ef6\u7684\u53c2\u8003\u6709\u6548\u8f7d\u8377\u3002\u503c\u5fc5\u987b\u662f\u5b57\u7b26\u4e32\u3002\u6700\u591a200\u4e2a\u5b57\u7b26\u3002\u6709\u6548\u5b57\u7b26\u4e3a<\/span><code>a-z A-Z 0-9 +\/=-._<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><span>\u4f8b\u5b50<\/span><\/h2>\n<ul>\n<li><a href=\"https:\/\/github.com\/manychat\/checkbox-growth-tools-example\" target=\"_blank\" rel=\"noreferrer noopener\"><span>\u4f7f\u7528\u590d\u9009\u6846\u5c0f\u90e8\u4ef6\u7684\u793a\u4f8b<\/span><\/a><\/li>\n<li><a href=\"https:\/\/github.com\/manychat\/customer-chat-growth-tools-example\" target=\"_blank\" rel=\"noreferrer noopener\"><span>\u4f7f\u7528\u5ba2\u6237\u804a\u5929\u5c0f\u90e8\u4ef6\u7684\u793a\u4f8b<\/span><\/a><\/li>\n<li><a href=\"https:\/\/github.com\/manychat\/overlay-growth-tools-example\" target=\"_blank\" rel=\"noreferrer noopener\"><span>\u4f7f\u7528\u53e0\u52a0\u5c0f\u90e8\u4ef6\u7684\u793a\u4f8b<\/span><\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>\u4f7f\u7528ManyChat\u589e\u9577\u5de5\u5177\u6642\uff0c\u8a72\u5eab\u63d0\u4f9b\u4e86\u66f4\u591a\u6a5f\u6703\uff1a \u4f7f\u7528\u7121\u982d\u8907\u9078\u6846\u5c0f\u90e8\u4ef6\u7684\u529f\u80fd \u70ba\u52d5\u614b\u5275\u5efa\u7684\u5143\u7d20\u521d\u59cb\u5316\u5c0f\u90e8\u4ef6 [&hellip;]<\/p>","protected":false},"author":20,"featured_media":0,"template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"%%post_title%%","_seopress_titles_desc":"","_seopress_robots_index":"","_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","_eb_attr":"","_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"footnotes":""},"doc_category":[46],"doc_tag":[],"class_list":["post-859","docs","type-docs","status-publish","hentry","doc_category-manychat-basics"],"year_month":"2026-04","word_count":174,"total_views":"2498","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Michelle","author_nicename":"michelle","author_url":"https:\/\/manychat.com.hk\/zh_cn\/author\/michelle\/"},"doc_category_info":[{"term_name":"ManyChat Basics","term_url":"https:\/\/manychat.com.hk\/zh_cn\/docs-category\/manychat-basics\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/manychat.com.hk\/zh_cn\/wp-json\/wp\/v2\/docs\/859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manychat.com.hk\/zh_cn\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/manychat.com.hk\/zh_cn\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/manychat.com.hk\/zh_cn\/wp-json\/wp\/v2\/users\/20"}],"version-history":[{"count":1,"href":"https:\/\/manychat.com.hk\/zh_cn\/wp-json\/wp\/v2\/docs\/859\/revisions"}],"predecessor-version":[{"id":860,"href":"https:\/\/manychat.com.hk\/zh_cn\/wp-json\/wp\/v2\/docs\/859\/revisions\/860"}],"wp:attachment":[{"href":"https:\/\/manychat.com.hk\/zh_cn\/wp-json\/wp\/v2\/media?parent=859"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/manychat.com.hk\/zh_cn\/wp-json\/wp\/v2\/doc_category?post=859"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/manychat.com.hk\/zh_cn\/wp-json\/wp\/v2\/doc_tag?post=859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}