CINXE.COM
Instagram 聊天机器人 | 星光跨境营销软件 | 星光对话机器人
<!DOCTYPE html> <html> <head> <title>Instagram 聊天机器人 | 星光跨境营销软件 | 星光对话机器人</title> <meta name="keywords" content="Instagram聊天机器人,Instagram广告,Instagram使用技巧,社媒运营技巧,星光软件" /> <meta name="baidu-site-verification" content="codeva-uXDJP0oFgI" /> <meta name="description" content="Instagram 在客户旅程的每个阶段提供个人联系Instagram 的 Messenger API 使品牌能够通过客户首选的消息传递渠道与客户建立联系。 通过集成现有工具和数据,Messenger API 可以轻松管理大量客户消息,使您能够将对话转化为业务成果。" /> <meta charset="utf-8"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Cache-Control" content="max-age=31536000" /> <meta http-equiv="Pragma" content="max-age=31536000" /> <link rel="canonical" href="https://www.starify.cn/instagram-chatbot"> <!-- Meta Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '694392759220638'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=694392759220638&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-11046223831"></script> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <meta name="baidu-site-verification" content="code-oVbsWcFx7w" /> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta property="og:image" content="/assets/image/favicon.ico" /> <link rel="shortcut icon" href="/assets/image/favicon.ico" type="image/x-icon" /> <script> let starify_app_code = 'STARIFY'; let starify_base_url = 'https://api-prod.starify.cn/'; let matchexpo_url = 'https://pctest-cn.matchexpo.cn'; let chatgpt_url = 'http://ai-test.starify.cn'; let pay_center_url = 'https://spread-admin.matchexpo.cn/#'; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-11046223831'); gtag('config', 'G-HDHBT7SCE3'); gtag('config', 'UA-252325925-1'); </script> <script> //页面初始化方法 reduceRem() function reduceRem() { let screen_width = screen.availWidth if (window.screen.availWidth > 992) { document.querySelector('html').style.fontSize = ((screen_width/1920) * 62.5) + '%' } else { document.querySelector('html').style.fontSize = ((screen_width/375) * 62.5) + '%' } } </script> <script src="/assets/js/blog-details-vue.js?version=2.10.14"></script> <link href="/assets/css/compress_css/all.min.css?version=2.10.14" rel="stylesheet" type="text/css"/> <link href="/assets/css/loading/loading.css?version=2.10.14" rel="stylesheet" type="text/css"/> </head> <body lang="zh-cn"> <div class="container_body " id="app_body" > <div id="loadingBox" class="loading_container"> <div class="loading_m_box_s" id="loading_m_box_s"> <div class="spinner"></div> </div> </div> <div class="head_container" data-module="2" v-show="!hideHead && websiteType === 'pc'" v-cloak> <div class="logo_image" data-key="layout-module-2-image"><img src="/assets/image/Starify.svg" alt="layout-module-2-image"></div> <div class="head_menu"> <el-menu :default-active="activeIndex" mode="horizontal" menu-trigger="hover"> <el-menu-item index="/home" data-module="3"> <a href="/home" data-key="layout-module-3-text"> 首页</a> </el-menu-item> <el-sub-menu index="product" data-module="4"> <template #title data-key="layout-module-4-text"> 产品</template> <el-menu-item index="/conversion-ai-chatbot-marketing"> <a href="/conversion-ai-chatbot-marketing" data-key="layout-module-4-text-2"> 对话机器人</a> </el-menu-item> <el-menu-item index="/ai-website-chatbot-plug-in"> <a href="/ai-website-chatbot-plug-in" data-key="layout-module-4-text-3"> AI官网客服</a> </el-menu-item> <el-menu-item index="/whatsapp-marketing-tool"> <a href="/whatsapp-marketing-tool" data-key="layout-module-4-text-4"> Whatsapp营销</a> </el-menu-item> <el-menu-item index="/whatsapp-shop-marketing-solution"> <a href="/whatsapp-shop-marketing-solution" data-key="layout-module-4-text-5"> WhatsApp Shop</a> </el-menu-item> <el-menu-item index="/free-whatsapp-qr-code-generator"> <a href="/free-whatsapp-qr-code-generator" data-key="layout-module-4-text-6"> WhatsApp二维码生成器</a> </el-menu-item> <el-menu-item index="/whatsapp-link"> <a href="/whatsapp-link" data-key="layout-module-4-text-7"> WhatsApp链接生成器</a> </el-menu-item> <el-menu-item index="/ai-chatgpt-tool"> <a href="/ai-chatgpt-tool" data-key="layout-module-4-text-8"> 星光AI内容大师</a> </el-menu-item> <el-menu-item index="/rpa-data-search"> <a href="/rpa-data-search" data-key="layout-module-4-text-9"> 智能搜索</a> </el-menu-item> <el-menu-item index="/event-marketing-platform"> <a href="/event-marketing-platform" data-key="layout-module-4-text-10"> 展会发布营销平台</a> </el-menu-item> <el-menu-item index="/email-software"> <a href="/email-software" data-key="layout-module-4-text-11"> 邮件营销软件</a> </el-menu-item> <el-menu-item index="/matchpages-website-builder"> <a href="/matchpages-website-builder" data-key="layout-module-4-text-12"> 品牌建站</a> </el-menu-item> </el-sub-menu> <el-sub-menu index="solution" data-module ="5" class="solution_menu" popper-class="solution_menu_box" :class="activeIndex.indexOf('solution') > -1 ? 'is-active' : ''"> <template #title data-key="layout-module-5-text"> 解决方案</template> <el-menu-item class="menu_box"> <template #title> <div class="menu_list_box"> <div class="menu_list"> <div class="menu_head_label" data-key="layout-module-5-text-2"> 按行业</div> <a class="menu_item" :class="activeIndex === '/entertainment-solution' ? 'active' : ''" href="/entertainment-solution" data-key="layout-module-5-text-3"> 泛娱乐及社交App </a> <a class="menu_item" :class="activeIndex === '/game-solution' ? 'active' : ''" href="/game-solution" data-key="layout-module-5-text-4"> 出海游戏 </a> <a class="menu_item" :class="activeIndex === '/ecommerce-solution' ? 'active' : ''" href="/ecommerce-solution" data-key="layout-module-5-text-5"> 跨境电商 </a> <a class="menu_item" :class="activeIndex === '/logistics-solution' ? 'active' : ''" href="/logistics-solution" data-key="layout-module-5-text-6"> 出海物流 </a> </div> <div class="menu_list"> <div class="menu_head_label"></div> <a class="menu_item" :class="activeIndex === '/lawfirm-solution' ? 'active' : ''" href="/lawfirm-solution" data-key="layout-module-5-text-7"> 律师事务所 </a> <a class="menu_item" :class="activeIndex === '/manufacturing-solution' ? 'active' : ''" href="/manufacturing-solution" data-key="layout-module-5-text-8"> 制造业 </a> <a class="menu_item" :class="activeIndex === '/event-solution' ? 'active' : ''" href="/event-solution" data-key="layout-module-5-text-9"> 展会主办方 </a> <a class="menu_item" :class="activeIndex === '/IPR-solution' ? 'active' : ''" href="/IPR-solution" data-key="layout-module-5-text-10"> 知识产权代理 </a> </div> <div class="menu_list"> <div class="menu_head_label" data-key="layout-module-5-text-11"> 按部门</div> <a class="menu_item" :class="activeIndex === '/whatsapp-chatbot-marketing-solution' ? 'active' : ''" href="/whatsapp-chatbot-marketing-solution" data-key="layout-module-5-text-12"> 营销&销售部门 </a> <a class="menu_item" data-key="layout-module-5-text-13" href="https://www.starify.cn/solutions-for-government-international-investment-promotion" target="_blank"> 政府国际招商引资 </a> </div> </div> </template> </el-menu-item> </el-sub-menu> <el-menu-item data-module ="6" index="/service"> <a href="/service" data-key="layout-module-6-text"> 服务</a> </el-menu-item> <el-menu-item data-module ="7" index="/reseller-parnter"> <a href="/reseller-parnter" data-key="layout-module-7-text"> 渠道</a> </el-menu-item> <el-menu-item data-module ="8" index="/price"> <a href="/price" data-key="layout-module-8-text"> 价格</a> </el-menu-item> <el-menu-item data-module ="9" index="/help-center"> <a href="/help-center" data-key="layout-module-9-text"> 帮助中心</a> </el-menu-item> <el-sub-menu data-module ="10" index="blog"> <template #title data-key="layout-module-10-text"> 星光资讯</template> <el-menu-item index="/blog-update"> <a href="/blog-update" data-key="layout-module-10-text-2"> 最新发布</a> </el-menu-item> <el-menu-item index="/case-list"> <a href="/case-list" data-key="layout-module-10-text-3"> 成功案例</a> </el-menu-item> </el-sub-menu> <el-sub-menu data-module ="11" index="about-us-list"> <template #title data-key="layout-module-11-text"> 关于我们</template> <el-menu-item index="/about-us"> <a href="/about-us" data-key="layout-module-11-text-2"> 关于我们</a> </el-menu-item> <el-menu-item index="/contact-us"> <a href="/contact-us" data-key="layout-module-11-text-3"> 联系我们</a> </el-menu-item> <el-menu-item index="/join-us"> <a href="/join-us" data-key="layout-module-11-text-4"> 加入我们</a> </el-menu-item> <el-menu-item index="/affiliate-partner"> <a href="/affiliate-partner" data-key="layout-module-11-text-5"> 联盟伙伴</a> </el-menu-item> <el-menu-item index="/starify-helps-cross-border-marketing-forwarding-rewards-sharing-profits"> <a class="" data-key="layout-module-11-text-6" href="https://www.starify.cn/starify-helps-cross-border-marketing-forwarding-rewards-sharing-profits" target="_blank">推荐有奖</a> </el-menu-item> </el-sub-menu> </el-menu> </div> <div class="search_bar"> <div class="all_search_box"> <el-select class="inline-input" v-model="helpSearchValue" filterable remote reserve-keyword placeholder=" 请输入搜索关键词" :remote-method="allPageQuerySearch" @change="selectAllPage" data-key="layout-module-2-text" > <el-option v-for="item in allPageOption" :key="item.id" :label="item.title?item.title:item.urla" :value="item.urla" ></el-option> </el-select> <div class="blog-search-icon"> <i class="iconfont ic_search"></i> </div> </div> </div> <div class="head_option"> <div @click="showFormDialog()" data-key="layout-module-2-text-3"> 免费试用</div> </div> <el-dropdown v-if="$config.apiToken"> <span class="avatar_image"> <img :src="baseUserInfo.avatar ? baseUserInfo.avatar : 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0225/621895854fd54.png'"> </span> <template #dropdown> <el-dropdown-menu class="head_dropdown_list"> <el-dropdown-item @click.native="downloadExe" data-key="layout-module-2-text-5"> 下载星光客户端 <i class='iconfont ic_download'></i> </el-dropdown-item> <el-dropdown-item @click.native="routerToSmi" v-if="baseUserInfo && baseUserInfo.rule_list && baseUserInfo.rule_list.includes('SOCIAL_MEDIA')" data-key="layout-module-2-text-6"> 星光社媒管理软件 </el-dropdown-item> <el-dropdown-item @click.native="routerToStarify">星光网页版</el-dropdown-item> <el-dropdown-item @click.native="outLoginEvent" data-key="layout-module-2-text-4"> 退出登录</el-dropdown-item> </el-dropdown-menu> </template> </el-dropdown> <div class="login_btn" @click="routeToLogin" v-else data-key="layout-module-2-text-7"> 登录</div> </div> <div class="m_head_container" data-module ="13" v-show="websiteType === 'mobile'" v-cloak> <div class="logo_image" data-key="layout-module-13-image"><img src="/assets/image/logo-starify2X.webp" alt="layout-module-13-image"></div> <div class="head_option"> <div @click="showMenu = true"><i class="iconfont ic_list"></i></div> </div> <el-drawer v-model="showMenu" :with-header="false" :size="returnLocalLang === 'en' ? '90%' : '60%'"> <div class="user_info" v-if="$config.apiToken"> <img :src="baseUserInfo.avatar ? baseUserInfo.avatar : 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0225/621895854fd54.png'"> <span>{{ baseUserInfo.real_name }}</span> </div> <el-menu :default-active="activeIndex"> <el-menu-item index="/home" data-module="3"> <a href="/home" data-key="layout-module-3-text"> 首页</a> </el-menu-item> <el-sub-menu index="product" data-module="4"> <template #title data-key="layout-module-4-text"> 产品</template> <el-menu-item index="/conversion-ai-chatbot-marketing"> <a href="/conversion-ai-chatbot-marketing" data-key="layout-module-4-text-2"> 对话机器人</a> </el-menu-item> <el-menu-item index="/ai-website-chatbot-plug-in"> <a href="/ai-website-chatbot-plug-in" data-key="layout-module-4-text-3"> AI官网客服</a> </el-menu-item> <el-menu-item index="/whatsapp-marketing-tool"> <a href="/whatsapp-marketing-tool" data-key="layout-module-4-text-4"> Whatsapp营销</a> </el-menu-item> <el-menu-item index="/whatsapp-shop-marketing-solution"> <a href="/whatsapp-shop-marketing-solution" data-key="layout-module-4-text-5"> WhatsApp Shop</a> </el-menu-item> <el-menu-item index="/free-whatsapp-qr-code-generator"> <a href="/free-whatsapp-qr-code-generator" data-key="layout-module-4-text-6"> WhatsApp二维码生成器</a> </el-menu-item> <el-menu-item index="/whatsapp-link"> <a href="/whatsapp-link" data-key="layout-module-4-text-7"> WhatsApp链接生成器</a> </el-menu-item> <el-menu-item index="/ai-chatgpt-tool"> <a href="/ai-chatgpt-tool" data-key="layout-module-4-text-8"> 星光AI内容大师</a> </el-menu-item> <el-menu-item index="/rpa-data-search"> <a href="/rpa-data-search" data-key="layout-module-4-text-9"> 智能搜索</a> </el-menu-item> <el-menu-item index="/event-marketing-platform"> <a href="/event-marketing-platform" data-key="layout-module-4-text-10"> 展会发布营销平台</a> </el-menu-item> <el-menu-item index="/email-software"> <a href="/email-software" data-key="layout-module-4-text-11"> 邮件营销软件</a> </el-menu-item> <el-menu-item index="/matchpages-website-builder"> <a href="/matchpages-website-builder" data-key="layout-module-4-text-12"> 品牌建站</a> </el-menu-item> </el-sub-menu> <el-sub-menu index="solution" data-module ="5" class="solution_menu" popper-class="solution_menu_box" :class="activeIndex.indexOf('solution') > -1 ? 'is-active' : ''"> <template #title data-key="layout-module-5-text"> 解决方案</template> <el-menu-item class="menu_box"> <template #title> <div class="menu_list_box"> <div class="menu_list"> <div class="menu_head_label" data-key="layout-module-5-text-2"> 按行业</div> <a class="menu_item" :class="activeIndex === '/entertainment-solution' ? 'active' : ''" href="/entertainment-solution" data-key="layout-module-5-text-3"> 泛娱乐及社交App </a> <a class="menu_item" :class="activeIndex === '/game-solution' ? 'active' : ''" href="/game-solution" data-key="layout-module-5-text-4"> 出海游戏 </a> <a class="menu_item" :class="activeIndex === '/ecommerce-solution' ? 'active' : ''" href="/ecommerce-solution" data-key="layout-module-5-text-5"> 跨境电商 </a> <a class="menu_item" :class="activeIndex === '/logistics-solution' ? 'active' : ''" href="/logistics-solution" data-key="layout-module-5-text-6"> 出海物流 </a> </div> <div class="menu_list"> <div class="menu_head_label"></div> <a class="menu_item" :class="activeIndex === '/lawfirm-solution' ? 'active' : ''" href="/lawfirm-solution" data-key="layout-module-5-text-7"> 律师事务所 </a> <a class="menu_item" :class="activeIndex === '/manufacturing-solution' ? 'active' : ''" href="/manufacturing-solution" data-key="layout-module-5-text-8"> 制造业 </a> <a class="menu_item" :class="activeIndex === '/event-solution' ? 'active' : ''" href="/event-solution" data-key="layout-module-5-text-9"> 展会主办方 </a> <a class="menu_item" :class="activeIndex === '/IPR-solution' ? 'active' : ''" href="/IPR-solution" data-key="layout-module-5-text-10"> 知识产权代理 </a> </div> <div class="menu_list"> <div class="menu_head_label" data-key="layout-module-5-text-11"> 按部门</div> <a class="menu_item" :class="activeIndex === '/whatsapp-chatbot-marketing-solution' ? 'active' : ''" href="/whatsapp-chatbot-marketing-solution" data-key="layout-module-5-text-12"> 营销&销售部门 </a> <a class="menu_item" data-key="layout-module-5-text-13" href="https://www.starify.cn/solutions-for-government-international-investment-promotion" target="_blank"> 政府国际招商引资 </a> </div> </div> </template> </el-menu-item> </el-sub-menu> <el-menu-item data-module ="6" index="/service"> <a href="/service" data-key="layout-module-6-text"> 服务</a> </el-menu-item> <el-menu-item data-module ="7" index="/reseller-parnter"> <a href="/reseller-parnter" data-key="layout-module-7-text"> 渠道</a> </el-menu-item> <el-menu-item data-module ="8" index="/price"> <a href="/price" data-key="layout-module-8-text"> 价格</a> </el-menu-item> <el-menu-item data-module ="9" index="/help-center"> <a href="/help-center" data-key="layout-module-9-text"> 帮助中心</a> </el-menu-item> <el-sub-menu data-module ="10" index="blog"> <template #title data-key="layout-module-10-text"> 星光资讯</template> <el-menu-item index="/blog-update"> <a href="/blog-update" data-key="layout-module-10-text-2"> 最新发布</a> </el-menu-item> <el-menu-item index="/case-list"> <a href="/case-list" data-key="layout-module-10-text-3"> 成功案例</a> </el-menu-item> </el-sub-menu> <el-sub-menu data-module ="11" index="about-us-list"> <template #title data-key="layout-module-11-text"> 关于我们</template> <el-menu-item index="/about-us"> <a href="/about-us" data-key="layout-module-11-text-2"> 关于我们</a> </el-menu-item> <el-menu-item index="/contact-us"> <a href="/contact-us" data-key="layout-module-11-text-3"> 联系我们</a> </el-menu-item> <el-menu-item index="/join-us"> <a href="/join-us" data-key="layout-module-11-text-4"> 加入我们</a> </el-menu-item> <el-menu-item index="/affiliate-partner"> <a href="/affiliate-partner" data-key="layout-module-11-text-5"> 联盟伙伴</a> </el-menu-item> <el-menu-item index="/starify-helps-cross-border-marketing-forwarding-rewards-sharing-profits"> <a class="" data-key="layout-module-11-text-6" href="https://www.starify.cn/starify-helps-cross-border-marketing-forwarding-rewards-sharing-profits" target="_blank">推荐有奖</a> </el-menu-item> </el-sub-menu> </el-menu> <div class="mobile_login_btn"> <span v-if="$config.apiToken" @click="outLoginEvent" data-key="layout-module-13-text"> 退出登录</span> <span v-else @click="routeToLogin" data-key="layout-module-13-text-3"> 登录</span> </div> </el-drawer> </div> <el-dialog class="submit_form" v-model="showForm" title="请填写您的信息,客户经理将会与您联系:" width="35%" v-cloak> <div class="dialog_form"> <el-form data-module ="1" :model="form" ref="form" :rules="rules" label-position="top" :inline="true" class="submit_form"> <el-col :span="12" :xs="24"> <el-form-item label=" 姓名" prop="name_8" required data-key="layout-components-module-1-text"> <el-input v-model="form.name_8" placeholder=" 请输入您的姓名" data-key="layout-components-module-1-text-2"></el-input> </el-form-item> </el-col> <el-col :span="12" :xs="24"> <el-form-item label=" 公司邮箱" prop="name_13" required data-key="layout-components-module-1-text-3"> <el-input v-model="form.name_13" placeholder=" 请输入您的公司邮箱" data-key="layout-components-module-1-text-4"></el-input> </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item class="get_phone_item" label=" 联系电话" prop="name_9" required data-key="layout-components-module-1-text-5"> <el-col :span="11" :xs="24"> <el-input v-model="form.name_9" placeholder=" 请输入您的联系电话" data-key="layout-components-module-1-text-6"></el-input> </el-col> <el-col :span="11" :xs="24" class="phone_box"> <el-input v-model="form.valid_code" placeholder=" 请输入您的验证码" data-key="layout-components-module-1-text-7"></el-input> <span class="get_qrcode_btn" @click="getPhoneCode('name_9')" v-show="!sendCode" data-key="layout-components-module-1-text-8"> 获取验证码</span> <span class="get_qrcode_btn count_time" v-show="sendCode">{{ countTime }}</span> </el-col> </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item label=" 公司名称" prop="name_10" required data-key="layout-components-module-1-text-9"> <el-input v-model="form.name_10" placeholder=" 请输入您的公司名称" data-key="layout-components-module-1-text-10"></el-input> </el-form-item> </el-col> <el-col :span="12" :xs="24"> <el-form-item label=" 公司规模" prop="name_11" required data-key="layout-components-module-1-text-11"> <el-select v-model="form.name_11" placeholder=" 请选择您公司的规模" data-key="layout-components-module-1-text-12"> <el-option label=" 1-10人" value="1-10人" data-key="layout-components-module-1-text-13"></el-option> <el-option label=" 11-50人" value="11-50人" data-key="layout-components-module-1-text-14"></el-option> <el-option label=" 51-100人" value="51-100人" data-key="layout-components-module-1-text-15"></el-option> <el-option label=" 101-1000人" value="101-1000人" data-key="layout-components-module-1-text-16"></el-option> <el-option label=" 1001+" value="1001+" data-key="layout-components-module-1-text-17"></el-option> </el-select> <!--<el-input v-model="form.name_11" placeholder="请输入您公司的规模"></el-input>--> </el-form-item> </el-col> <el-col :span="12" :xs="24"> <el-form-item label=" 所在城市" prop="name_12" required data-key="layout-components-module-1-text-18"> <el-input v-model="form.name_12" placeholder=" 请输入您所在的城市" data-key="layout-components-module-1-text-19"></el-input> </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item label=" 公司行业" prop="name_30" required data-key="layout-components-module-1-text-25"> <el-select v-model="form.name_30" placeholder=" 请选择您公司的行业" data-key="layout-components-module-1-text-26"> <el-option label=" B2B咨询" value="B2B咨询" data-key="layout-components-module-1-text-27"></el-option> <el-option label=" 服饰" value="服饰" data-key="layout-components-module-1-text-28"></el-option> <el-option label=" 零售" value="零售" data-key="layout-components-module-1-text-29"></el-option> <el-option label=" 品牌/奢侈品" value="品牌/奢侈品" data-key="layout-components-module-1-text-30"></el-option> <el-option label=" 珠宝/箱包" value="珠宝/箱包" data-key="layout-components-module-1-text-31"></el-option> <el-option label=" 美容/化妆品" value="美容/化妆品" data-key="layout-components-module-1-text-32"></el-option> <el-option label=" 家电/家具" value="家电/家具" data-key="layout-components-module-1-text-33"></el-option> <el-option label=" 教育" value="教育" data-key="layout-components-module-1-text-34"></el-option> <el-option label=" 金融/地产" value="金融/地产" data-key="layout-components-module-1-text-35"></el-option> <el-option label=" 专业服务" value="专业服务" data-key="layout-components-module-1-text-36"></el-option> <el-option label=" 创意媒体/营销" value="创意媒体/营销" data-key="layout-components-module-1-text-37"></el-option> <el-option label=" 中介服务" value="中介服务" data-key="layout-components-module-1-text-38"></el-option> <el-option label=" 软件开发" value="软件开发" data-key="layout-components-module-1-text-39"></el-option> <el-option label=" 其他" value="其他" data-key="layout-components-module-1-text-40"></el-option> </el-select> <!--<el-input v-model="form.name_11" placeholder="请输入您公司的规模"></el-input>--> </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item label=" 公司网址" prop="name_14" required data-key="layout-components-module-1-text-20"> <el-input v-model="form.name_14" placeholder=" 请输入您的公司网址" data-key="layout-components-module-1-text-21"></el-input> </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item label=" 公司介绍" prop="name_15" required data-key="layout-components-module-1-text-22"> <el-input v-model="form.name_15" placeholder=" 当前主营业务,过往经营产品,客户资源所覆盖的行业、类型、数量等" type="textarea" :autosize="{ minRows: 6 }" data-key="layout-components-module-1-text-23" ></el-input> </el-form-item> </el-col> <div class="learn-more" @click="submitForm" v-loading="submitLoading" data-key="layout-components-module-1-text-24"> 立即提交,免费下载</div> </el-form> </div> </el-dialog> <el-dialog class="login_dialog" v-model="loginDialog.visible" v-cloak> <div v-loading="loginLoading" class="login-box" data-module="3"> <div class="login-form-tab"> <div v-if="loginActiveTab === 'login_sms' || loginActiveTab === 'login_pwd'" :class="loginActiveTab === 'login_pwd' ? 'active' : ''" @click="changeTab('login_pwd')" data-key="layout-components-module-3-text"> 密码登录 </div> <div v-if="loginActiveTab === 'login_sms' || loginActiveTab === 'login_pwd'" :class="loginActiveTab === 'login_sms' ? 'active' : ''" @click="changeTab('login_sms')" data-key="layout-components-module-3-text-2"> 验证码登录 </div> <div v-if="loginActiveTab === 'forgot_pwd'" class="active" data-key="layout-components-module-3-text-3"> 忘记密码 </div> <div v-if="loginActiveTab === 'register'" class="active" data-key="layout-components-module-3-text-4"> 注册账号 </div> <div v-if="loginActiveTab === 'set_pwd'" class="active" data-key="layout-components-module-3-text-5"> 设置密码 </div> <span class="active_tag" :class="loginActiveTab === 'login_sms' ? 'active':''"></span> </div> <div class="login-form"> <el-form ref="form" :model="loginForm" :rules="loginFormRules"> <el-form-item v-if="loginActiveTab === 'login_pwd'" prop="username"> <div class="input_item"> <div class="input_phone"> <i class="iconfont ic_User"></i> <el-input v-model="loginForm.username" placeholder=" 手机号或邮箱" data-key="layout-components-module-3-text-6"></el-input> </div> </div> </el-form-item> <el-form-item v-if="loginActiveTab !== 'set_pwd' && loginActiveTab !== 'login_pwd'" prop="username"> <div class="input_item"> <div class="input_phone" style="padding-left: 0"> <el-select v-model="loginForm.country_code" popper-class="input_phone_select" filterable> <el-option v-for="(item, index) in countryCodeList" :key="index" :label="item.text" :value="item.text"> <div class="option"> <div class="iti__flag-box"><div :class="'iti__flag iti__' + item.iso2"></div></div> <div>{{ item.name }} ({{ item.text }})</div> </div> </el-option> </el-select> <i class="iconfont ic_User"></i> <el-input v-model="loginForm.username" placeholder="" data-key="layout-components-module-3-text-7"></el-input> </div> </div> </el-form-item> <el-form-item v-if="loginActiveTab === 'login_sms' || loginActiveTab === 'forgot_pwd' || loginActiveTab === 'register'" prop="valid_code"> <div class="input_item"> <div> <i class="iconfont ic_Safety"></i> <el-input v-model="loginForm.valid_code" placeholder=" 验证码" maxlength="6" data-key="layout-components-module-3-text-8"></el-input> <div v-if="loginCountTime === 60 " class="get_code_btn" @click="getPhoneCodeFun()" data-key="layout-components-module-3-text-9"> 获取验证码</div> <div v-else class="get_code_btn" :class="loginCountTime !== 60 ? 'count_time':''">{{ loginCountTime }}s</div> </div> </div> </el-form-item> <el-form-item v-if="loginActiveTab === 'login_pwd' || loginActiveTab === 'set_pwd'" prop="password"> <div class="input_item"> <div> <i class="iconfont ic_Lock"></i> <el-input v-model="loginForm.password" placeholder=" 密码" show-password data-key="layout-components-module-3-text-10"></el-input> <div v-if="loginActiveTab === 'login_pwd'" class="forgot_pwd_btn" @click="changeTab('forgot_pwd')" data-key="layout-components-module-3-text-11"> 忘记密码?</div> </div> </div> </el-form-item> <el-form-item v-if="loginActiveTab === 'set_pwd'" prop="confirm_password"> <div class="input_item"> <div> <i class="iconfont ic_Lock"></i> <el-input v-model="loginForm.confirm_password" placeholder=" 再次输入密码" show-password data-key="layout-components-module-3-text-12"></el-input> </div> </div> </el-form-item> <el-form-item v-if="loginActiveTab === 'register'" prop="isReadAgreement"> <div class="agreement_text"> <el-checkbox v-model="loginForm.isReadAgreement" :true-label="1" :false-label="0" data-key="layout-components-module-3-text-13"> 阅读同意</el-checkbox> <span @click="showAgreement = true" data-key="layout-components-module-3-text-14"> 《聚页服务协议及隐私条款》</span> </div> </el-form-item> <div v-if="loginActiveTab === 'login_sms'" class="submit_btn" @click="phoneLoginFun" data-key="layout-components-module-3-text-15"> 登录</div> <div v-if="loginActiveTab === 'login_pwd'" class="submit_btn" @click="pwdLoginFun" data-key="layout-components-module-3-text-16"> 登录</div> <div v-if="loginActiveTab === 'set_pwd'" class="submit_btn" @click="submitSetPwd" data-key="layout-components-module-3-text-17"> 提交</div> <div v-if="loginActiveTab === 'forgot_pwd'" class="submit_btn" @click="getResetTokenFun()" data-key="layout-components-module-3-text-18"> 下一步</div> <div v-if="loginActiveTab === 'register'" class="submit_btn" @click="userRegisterFun()" data-key="layout-components-module-3-text-19"> 下一步</div> <div v-if="loginActiveTab === 'login_sms' || loginActiveTab === 'login_pwd'" class="tips_text"> <span data-key="layout-components-module-3-text-20"> 还没有账号,</span> <span class="text" @click="changeTab('register')" data-key="layout-components-module-3-text-21"> 立即注册?</span> </div> <div v-if="loginActiveTab === 'register'" class="tips_text"> <span data-key="layout-components-module-3-text-22"> 已有账号,</span> <span class="text" @click="changeTab('login_sms')" data-key="layout-components-module-3-text-23"> 立即登录</span> </div> <div v-if="loginActiveTab === 'forgot_pwd'" class="tips_text"> <span class="text" @click="changeTab('login_sms')" data-key="layout-components-module-3-text-24"> 去登录</span> </div> <div class="tips_text tips_text_s" data-key="layout-components-module-3-text-25"> 您可以使用聚页旗下其他产品的账号进行登录</div> </el-form> </div> </div> </el-dialog> <div class="body_container" :class="hideHead ? 'hide_head' : ''" v-cloak> <a class="chat_gpt_box" href="https://www.starify.cn/chatgpt-wrote-an-article-for-my-ecommerce-website-for-seo-purpose"> <img src="/assets/image/p_img_chatgpt.jpg" class="pc_gpt_img"> <img src="/assets/image/Mp_img_chatGpt.jpg" class="mb_gpt_img"> </a> <input type="hidden" id="blog_id" value="177"> <input type="hidden" id="r_id" value="177"> <input type="hidden" id="r_ta" value="blog"> <div class="blog-details" data-module="1"> <div class="blog-header"> <div class="blog-header-index"> <div class="blog-info"> <div class="blog-title"> Instagram 聊天机器人 </div> <div class="blog-desc"> Instagram 的 Messenger API 使品牌能够通过客户首选的消息传递渠道与客户建立联系。 通过集成现有工具和数据,Messenger API 可以轻松管理大量客户消息,使您能够将对话转化为业务成果。 </div> <div class="blog-title-ad"> <a href="https://www.starify.cn/" target="_self"> 星光外贸营销软件,WhatsApp获客利器,5分钟上手|星光WhatsApp营销软件 </a> </div> <div class="blog-tag"> <span> 2023-10-01</span> <span><span class="" data-key="module-1-text">浏览量:</span>1090</span> <span>|</span> <span>聊天机器人 </span> <span>|</span><span>Instagram技巧</span> </div> </div> <div class="blog-image"> <img src="https://oss.starify.cn/matchpages/share_center/2023/1008/9482/652283364bb81/%E6%98%9F%E5%85%89_Instagram%E8%81%8A%E5%A4%A9%E6%9C%BA%E5%99%A8%E4%BA%BA.png" alt="星光_Instagram聊天机器人.png"> </div> </div> <div class="blog-header-svg"></div> </div> <div class="blog-body"> <div class="blog-content"> <div class="content edit_content_layout_style" v-pre> Instagram 在客户旅程的每个阶段提供个人联系。<br /><br />Instagram 的 Messenger API 使品牌能够通过客户首选的消息传递渠道与客户建立联系。 通过集成现有工具和数据,Messenger API 可以轻松管理大量客户消息,使您能够将对话转化为业务成果。<br /> <h1 data-sf_anchor="0">Instagram 的 Messenger API 将消息传递付诸实践</h1> <ul> <li><strong>与其他平台轻松集成:</strong>无缝连接到现有工具和数据库,提供客户交互的整体视图。<span style="text-decoration: underline;">Starify Instagram 聊天机器人轻松集成<br /><br /></span></li> <li><strong>更高效的工作流程:</strong> 简化工作流程,使品牌能够在更短的时间内响应显着增加的消息量。<span style="text-decoration: underline;">Starify Instagram 聊天机器人高效<br /><br /></span></li> <li><strong>卓越的客户体验:</strong>通过强大的消息传递功能、自动化支持和一致、持续的对话来增强客户体验。 您还可以通过自动聊天与客户互动,以推动结账、开展活动、处理查询。<span style="text-decoration: underline;">Starify Instagram 聊天机器人 出色的客户体验</span></li> </ul> <h2 data-sf_anchor="1"><strong><br />客户关怀</strong></h2> 在 Instagram 上大规模与客户会面并解决来自帖子、故事或直接私信的疑问,而无需重定向到其他渠道。<br /><br />商业: 将店内购物的最佳效果与网上购物的便利性相结合。<br />活动驱动: 通过消息传递驱动的活动(例如促销代码和欢迎优惠)吸引品牌爱好者并接触潜在客户,以开始对话并提高认知度。<br /><br /> <h3 data-sf_anchor="2">客户分析揭示 Instagram 推动电子商务销售</h3> <span style="font-size: 24px;"><strong>87%:</strong></span>在 Instagram 上看到产品信息后采取了行动。<br /><strong><span style="font-size: 24px;">54%</span></strong>: 在 Instagram 上看到产品或服务时或之后进行了购买。<br /><strong><span style="font-size: 24px;">42%</span></strong>: 表示 Instagram 有助于发现产品或服务。<br /><strong><span style="font-size: 24px;">65%</span></strong>: 在 Instagram 上看到该品牌后,访问了该品牌的网站或应用程序。<br /><br />如何在星光对话机器人中设置Instagram聊天机器人。有兴趣的朋友,可以点击<br />✅<span style="text-decoration: underline; color: #ff0077;"><a style="color: #ff0077; text-decoration: underline;" href="../instagram-online-chat-robot-settings" data-page_id="0">Instagram在线聊天+机器人设置</a></span><br />✅<span style="text-decoration: underline; color: #ff0077;"><span style="text-decoration: underline;"><a style="color: #ff0077; text-decoration: underline;" href="../35-faqs-about-whatsapp-marketing-that-foreign-trade-managers-dont-know" data-page_id="0">35个外贸经理不知道的WhatsApp营销的常见问题</a><br /><br /></span></span><span style="color: #ff0077;"><span style="color: #000000;">如想了解更多,可以添加专家WX</span></span><strong><span style="color: #ff0077;"><span style="color: #000000;">(</span></span></strong><span style="color: #ff0092;">henryxiao2014</span><strong><span style="color: #ff0077;"><span style="color: #000000;">)。</span></span></strong><br /><span style="text-decoration: underline; color: #f800ff;"><br /></span> </div> <div class="blog-content-bottom"> <div class="submit_form_box"> <div class="circle"></div> <div class="circle"></div> <div class="card-inner"> <div class="submit_title" data-key="module-1-text-2"> 这篇文章有帮助吗? </div> <div class="btn"> <el-radio-group v-model="suggestForm.option_1"> <el-radio-button label=" 是" data-key="module-1-text-3"></el-radio-button> <el-radio-button label=" 否" data-key="module-1-text-4"></el-radio-button> </el-radio-group> </div> <div class="feedback_form"> <div v-show="suggestForm.option_1=='是'"> <div class="submit_text" data-key="module-1-text-5"> 太好了!我们是否还有哪些改善空间,好让文章能更好地帮上忙? </div> <el-input v-model="suggestForm.name_2" class="form_item" placeholder=" 请让我们知道这一页有什么帮助或没有帮助。" type="textarea" :autosize="{ minRows: 4, maxRows: 6 }" data-key="module-1-text-6"></el-input> </div> <div v-show="suggestForm.option_1=='否'"> <div class="submit_text" data-key="module-1-text-7"> 感谢你的宝贵意见。你认为这篇文章符合以下的哪一项描述? </div> <div class="form_item"> <el-radio-group class="blog-radio-group" v-model="suggestForm.option_3"> <el-radio label=" 不正确:没有反映出我在产品中看到的情况" data-key="module-1-text-8"></el-radio> <el-radio label=" 不清楚:内容难以理解" data-key="module-1-text-9"></el-radio> <el-radio label=" 缺少信息:内容不够全面" data-key="module-1-text-10"></el-radio> <el-radio label=" 不相关:与我搜寻的内容不相符" data-key="module-1-text-11"></el-radio> </el-radio-group> </div> <div class="submit_text" data-key="module-1-text-12"> 我们是否还有哪些改善空间,好让文章能更好地帮上忙? </div> <el-input v-model="suggestForm.name_2" class="form_item" placeholder=" 请让我们知道这一页有什么帮助或没有帮助。" type="textarea" :autosize="{ minRows: 4, maxRows: 6 }" data-key="module-1-text-13"></el-input> </div> <el-checkbox v-model="contactCheckbox" data-key="module-1-text-14"> 允许 Starify 就我的文件意见回馈与我联系</el-checkbox> <div class="submit_title" data-key="module-1-text-15"> 你喜欢这篇文章吗? </div> <div class="submit_text" data-key="module-1-text-16"> 到2023年,加入超过10万人订阅邮件的行列,学习掌握人工智能和数字营销软件。 </div> <div class="submit_input"> <el-input v-model="suggestForm.name_6" placeholder=" 请填写您的电子邮件地址" data-key="module-1-text-17"></el-input> <div class="submit_btn" @click="submitSuggestForm" data-key="module-1-text-18"> 订阅 </div> </div> <div class="submit_box_tips" data-key="module-1-text-19"> 每周接收有关生成人工智能最新动态的突发新闻、案例研究和独家网络研讨会回顾。 </div> </div> </div> </div> </div> <div class="details-footer"> <div data-key="module-1-text-20"> 此表单仅供记载意见反馈。<span>了解如何取得 Starify 的协助。</span> </div> <ul> <li> <span data-key="module-1-text-21"> 本文分类:</span> <span class="type-item">聊天机器人</span> </li> <li> <span data-key="module-1-text-22"> 本文标签:</span> <span class="tag-item">Instagram技巧</span> </li> <li> <span data-key="module-1-text-23"> 浏览次数:</span> 1090 <span data-key="module-1-text-24"> 次浏览</span> </li> <li> <span data-key="module-1-text-25"> 发布日期:</span> 2023-10-01</li> <li> <span data-key="module-1-text-26"> 本文链接:</span> https://www.starify.cn/instagram-chatbot</li> </ul> </div> </div> <div class="blog-content-right"> <el-affix target=".blog-content-right" :offset="120"> <div class="blog-indexes-box"> <div class="box-title" data-key="module-1-text-27"> 文章概要 </div> <div class="box-content"> <div class="outline-item" data-sf_h_anchor="0">Instagram的MessengerAPI将消息传递付诸实践</div> <div class="outline-item" data-sf_h_anchor="1">客户关怀</div> <div class="outline-item" data-sf_h_anchor="2">客户分析揭示Instagram推动电子商务销售</div> </div> <div class="box-newest"> <div class="box-newest-header"> <span data-key="module-1-text-28"> 最新文章</span> </div> <div class="box-newest-body"> <div class="newest_list"> <div class="newest_item"> <div class="newest_top"> <span class="newest_no" style="--hot-color:#E53C3C">01</span> <span class="newest_title"><a href="/cbb" target="_self"> CBB 展会:引领液态食品行业,探索中国制造装备出海新思路</a></span> </div> <div class="newest_bottom"> <span>2024-10-21</span><span>1141</span> </div> </div> <div class="newest_item"> <div class="newest_top"> <span class="newest_no" style="--hot-color:#E53C3C">02</span> <span class="newest_title"><a href="/ads-tiktok-that-link-to-whatsapp" target="_self"> 在 TikTok 上创建链接到 WhatsApp 的广告指南</a></span> </div> <div class="newest_bottom"> <span>2024-10-08</span><span>2306</span> </div> </div> <div class="newest_item"> <div class="newest_top"> <span class="newest_no" style="--hot-color:#E53C3C">03</span> <span class="newest_title"><a href="/16-tiktok-case-studies" target="_self"> 16 个成功的 TikTok 案例研究 [+ 可操作的要点]</a></span> </div> <div class="newest_bottom"> <span>2024-10-01</span><span>1242</span> </div> </div> <div class="newest_item"> <div class="newest_top"> <span class="newest_no" style="--hot-color:#E53C3C">04</span> <span class="newest_title"><a href="/whatsapp-users-statistics-by-country" target="_self"> WhatsApp 用户(按国家/地区)</a></span> </div> <div class="newest_bottom"> <span>2024-09-27</span><span>1347</span> </div> </div> </div> </div> </div> <div class="box-recommend"> <div class="box-recommend-header" data-key="module-1-text-31"> 推荐 </div> <div class="box-recommend-body"> <div class="recommend-list"> <div class="recommend-item"> <div class="recommend-content"> <div class="recommend-title"> <span class="recommend-yes"><img src="/assets/image/svg/yes.svg"></span> <a href="/ai-in-ecommerce" target="_self"> 电子商务中的人工智能:当今的工具和未来的可能性 </a> <span class="recommend-link"> <img src="/assets/image/svg/link.svg"></span> </div> </div> <div class="recommend-right-top-ico"> <img src="/assets/image/yes1.png"> </div> </div> <div class="recommend-item"> <div class="recommend-content"> <div class="recommend-title"> <span class="recommend-yes"><img src="/assets/image/svg/yes.svg"></span> <a href="/top-business-automation-software" target="_self"> 利用 WhatsApp、Instagram 和 Facebook Messenger 聊天机器人解锁商业成功 </a> <span class="recommend-link"> <img src="/assets/image/svg/link.svg"></span> </div> </div> <div class="recommend-right-top-ico"> <img src="/assets/image/yes1.png"> </div> </div> <div class="recommend-item"> <div class="recommend-content"> <div class="recommend-title"> <span class="recommend-yes"><img src="/assets/image/svg/yes.svg"></span> <a href="/how-to-lower-CAC-with-WhatsApp-marketing" target="_self"> 2024 年如何利用 WhatsApp 营销降低客户获取成本90% </a> <span class="recommend-link"> <img src="/assets/image/svg/link.svg"></span> </div> </div> <div class="recommend-right-top-ico"> <img src="/assets/image/yes1.png"> </div> </div> <div class="recommend-item"> <div class="recommend-content"> <div class="recommend-title"> <span class="recommend-yes"><img src="/assets/image/svg/yes.svg"></span> <a href="/eleven-closed-loops-for-implementing-overseas-services" target="_self"> 出海服务落地的11个闭环 </a> <span class="recommend-link"> <img src="/assets/image/svg/link.svg"></span> </div> </div> <div class="recommend-right-top-ico"> <img src="/assets/image/yes1.png"> </div> </div> </div> </div> </div> </div> </el-affix> </div> </div> <div class="blog-about"> <div class="blog-about-header"> <span class="" data-key="module-1-text-33">最新文章</span> </div> <div class="blog-about-body"> <div class="blog-item template-up-down"> <div class="item-image"> <a href="/cbb" target="_self"> <img src="https://oss.starify.cn/matchpages/share_center/2024/1021/7775/6715cdcfa483c/CBB-%E5%B1%95%E4%BC%9A%EF%BC%9A%E5%BC%95%E9%A2%86%E6%B6%B2%E6%80%81%E9%A3%9F%E5%93%81%E8%A1%8C%E4%B8%9A%EF%BC%8C%E6%8E%A2%E7%B4%A2%E4%B8%AD%E5%9B%BD%E5%88%B6%E9%80%A0%E8%A3%85%E5%A4%87%E5%87%BA%E6%B5%B7%E6%96%B0%E6%80%9D%E8%B7%AF.jpg" alt="CBB 展会:引领液态食品行业,探索中国制造装备出海新思路.jpg"></a> </div> <div class="item-title"> <a href="/cbb" target="_self"> CBB 展会:引领液态食品行业,探索中国制造装备出海新思路</a> </div> <div class="item-tag"> 2024-10-21 |<a href="/知识分享" target="_self"> 知识分享 </a> |<a href="/聊天机器人" target="_self"> 聊天机器人 </a> </div> </div> <div class="blog-item template-up-down"> <div class="item-image"> <a href="/ads-tiktok-that-link-to-whatsapp" target="_self"> <img src="https://oss.starify.cn/matchpages/share_center/2024/1116/3722/6738787edde71/20241116184830170.jpeg" alt="tiktok-ad-guide-whatsapp"></a> </div> <div class="item-title"> <a href="/ads-tiktok-that-link-to-whatsapp" target="_self"> 在 TikTok 上创建链接到 WhatsApp 的广告指南</a> </div> <div class="item-tag"> 2024-10-08 |<a href="/知识分享" target="_self"> 知识分享 </a> |<a href="/tiktok-ad" target="_self"> Tiktok广告 </a> </div> </div> <div class="blog-item template-up-down"> <div class="item-image"> <a href="/16-tiktok-case-studies" target="_self"> <img src="https://oss.starify.cn/matchpages/share_center/2024/1123/7406/67413a33160c8/20241123101307654.jpeg" alt="pexels-rdne-6785040"></a> </div> <div class="item-title"> <a href="/16-tiktok-case-studies" target="_self"> 16 个成功的 TikTok 案例研究 [+ 可操作的要点]</a> </div> <div class="item-tag"> 2024-10-01 |<a href="/知识分享" target="_self"> 知识分享 </a> |<a href="/tiktok" target="_self"> Tiktok </a> </div> </div> <div class="blog-item template-up-down"> <div class="item-image"> <a href="/whatsapp-users-statistics-by-country" target="_self"> <img src="https://oss.starify.cn/matchpages/share_center/2024/1105/5320/672984495b7b9/WhatsApp_Usage_by_Country.jpg" alt="WhatsApp_Usage_by_Country.jpg"></a> </div> <div class="item-title"> <a href="/whatsapp-users-statistics-by-country" target="_self"> WhatsApp 用户(按国家/地区)</a> </div> <div class="item-tag"> 2024-09-27 |<a href="/whatsapp" target="_self"> WhatsApp </a> |<a href="/whatsapp-marketing" target="_self"> WhatsApp营销 </a> </div> </div> </div> </div> <div class="module_form_container" id="page_submit_form_box" data-module="6"> <div class="module_image_tag" data-key="layout-components-module-6-image"><img src="/assets/image/home/bg_line_cube.webp" alt="layout-components-module-6-image"></div> <div class="module_text"> <div class="module_title" data-key="layout-components-module-6-text-2">即刻获得营销自由</div> <div class="module_desc" data-key="layout-components-module-6-text-4">使用星光系统,快速积累海量的客户资源</div> <div class="download_btn" @click="downloadExe()" data-key="layout-components-module-6-text"> 免费试用,立即下载 </div> </div> <div class="module_form"> <div class="module_form_text" data-key="layout-components-module-6-text-3"> 请填写您的信息,客户经理将会与您联系:</div> <el-form data-module ="1" :model="form" ref="form" :rules="rules" label-position="top" :inline="true" class="submit_form"> <el-col :span="12" :xs="24"> <el-form-item label=" 姓名" prop="name_8" required data-key="layout-components-module-1-text"> <el-input v-model="form.name_8" placeholder=" 请输入您的姓名" data-key="layout-components-module-1-text-2"></el-input> </el-form-item> </el-col> <el-col :span="12" :xs="24"> <el-form-item label=" 公司邮箱" prop="name_13" required data-key="layout-components-module-1-text-3"> <el-input v-model="form.name_13" placeholder=" 请输入您的公司邮箱" data-key="layout-components-module-1-text-4"></el-input> </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item class="get_phone_item" label=" 联系电话" prop="name_9" required data-key="layout-components-module-1-text-5"> <el-col :span="11" :xs="24"> <el-input v-model="form.name_9" placeholder=" 请输入您的联系电话" data-key="layout-components-module-1-text-6"></el-input> </el-col> <el-col :span="11" :xs="24" class="phone_box"> <el-input v-model="form.valid_code" placeholder=" 请输入您的验证码" data-key="layout-components-module-1-text-7"></el-input> <span class="get_qrcode_btn" @click="getPhoneCode('name_9')" v-show="!sendCode" data-key="layout-components-module-1-text-8"> 获取验证码</span> <span class="get_qrcode_btn count_time" v-show="sendCode">{{ countTime }}</span> </el-col> </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item label=" 公司名称" prop="name_10" required data-key="layout-components-module-1-text-9"> <el-input v-model="form.name_10" placeholder=" 请输入您的公司名称" data-key="layout-components-module-1-text-10"></el-input> </el-form-item> </el-col> <el-col :span="12" :xs="24"> <el-form-item label=" 公司规模" prop="name_11" required data-key="layout-components-module-1-text-11"> <el-select v-model="form.name_11" placeholder=" 请选择您公司的规模" data-key="layout-components-module-1-text-12"> <el-option label=" 1-10人" value="1-10人" data-key="layout-components-module-1-text-13"></el-option> <el-option label=" 11-50人" value="11-50人" data-key="layout-components-module-1-text-14"></el-option> <el-option label=" 51-100人" value="51-100人" data-key="layout-components-module-1-text-15"></el-option> <el-option label=" 101-1000人" value="101-1000人" data-key="layout-components-module-1-text-16"></el-option> <el-option label=" 1001+" value="1001+" data-key="layout-components-module-1-text-17"></el-option> </el-select> <!--<el-input v-model="form.name_11" placeholder="请输入您公司的规模"></el-input>--> </el-form-item> </el-col> <el-col :span="12" :xs="24"> <el-form-item label=" 所在城市" prop="name_12" required data-key="layout-components-module-1-text-18"> <el-input v-model="form.name_12" placeholder=" 请输入您所在的城市" data-key="layout-components-module-1-text-19"></el-input> </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item label=" 公司行业" prop="name_30" required data-key="layout-components-module-1-text-25"> <el-select v-model="form.name_30" placeholder=" 请选择您公司的行业" data-key="layout-components-module-1-text-26"> <el-option label=" B2B咨询" value="B2B咨询" data-key="layout-components-module-1-text-27"></el-option> <el-option label=" 服饰" value="服饰" data-key="layout-components-module-1-text-28"></el-option> <el-option label=" 零售" value="零售" data-key="layout-components-module-1-text-29"></el-option> <el-option label=" 品牌/奢侈品" value="品牌/奢侈品" data-key="layout-components-module-1-text-30"></el-option> <el-option label=" 珠宝/箱包" value="珠宝/箱包" data-key="layout-components-module-1-text-31"></el-option> <el-option label=" 美容/化妆品" value="美容/化妆品" data-key="layout-components-module-1-text-32"></el-option> <el-option label=" 家电/家具" value="家电/家具" data-key="layout-components-module-1-text-33"></el-option> <el-option label=" 教育" value="教育" data-key="layout-components-module-1-text-34"></el-option> <el-option label=" 金融/地产" value="金融/地产" data-key="layout-components-module-1-text-35"></el-option> <el-option label=" 专业服务" value="专业服务" data-key="layout-components-module-1-text-36"></el-option> <el-option label=" 创意媒体/营销" value="创意媒体/营销" data-key="layout-components-module-1-text-37"></el-option> <el-option label=" 中介服务" value="中介服务" data-key="layout-components-module-1-text-38"></el-option> <el-option label=" 软件开发" value="软件开发" data-key="layout-components-module-1-text-39"></el-option> <el-option label=" 其他" value="其他" data-key="layout-components-module-1-text-40"></el-option> </el-select> <!--<el-input v-model="form.name_11" placeholder="请输入您公司的规模"></el-input>--> </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item label=" 公司网址" prop="name_14" required data-key="layout-components-module-1-text-20"> <el-input v-model="form.name_14" placeholder=" 请输入您的公司网址" data-key="layout-components-module-1-text-21"></el-input> </el-form-item> </el-col> <el-col :span="24" :xs="24"> <el-form-item label=" 公司介绍" prop="name_15" required data-key="layout-components-module-1-text-22"> <el-input v-model="form.name_15" placeholder=" 当前主营业务,过往经营产品,客户资源所覆盖的行业、类型、数量等" type="textarea" :autosize="{ minRows: 6 }" data-key="layout-components-module-1-text-23" ></el-input> </el-form-item> </el-col> <div class="learn-more" @click="submitForm" v-loading="submitLoading" data-key="layout-components-module-1-text-24"> 立即提交,免费下载</div> </el-form> </div> </div> <div class="page_module_bottom_box" data-module="2"> <div class="page_module_text"> <div class="module_title" data-key="layout-components-module-2-text"> 即刻获得营销自由 </div> <div class="module_desc" data-key="layout-components-module-2-text-2"> 使用星光系统,快速积累海量的客户资源 </div> </div> <div class="page_module_btn"> <div @click="showFormDialog()" data-key="layout-components-module-2-text-3"> 申请演示</div> </div> </div> </div> </div> <div class="right_option"> <div class="option_list"> <div class="option_item" @click="scrollTop()"> <div class="option_svg"> Top </div> </div> </div> </div> <div class="bottom_container" data-module ="1" v-show="!hideBottom && websiteType === 'pc'" v-cloak> <div class="bottom"> <div class="bottom_left"> <div class="" data-key="layout-module-1-image"><img src="/assets/image/logoW-starify2X.svg" alt="layout-module-1-image"></div> <div class="" data-key="layout-module-1-text"> 星光全渠道对话机器人,致力于为出海企业提供全球即时通讯生态AI的对话云产品。云产品整合 Chatbot 和自然语言 处理的能力,包括WhatsApp聊天机器人,微信聊天机器人,Line聊天机器人,Instagram聊天机器人,Shopify聊天机器人,官网AI客服,电子邮件、聊天、CRM等功能。可帮助您通过建立更牢固的客户关系来发展业务,助力企业实现全球化增长和品牌崛起。 </div> <div class="to_register" @click="showFormDialog()" data-key="layout-module-1-text-3"> 立即注册 免费试用</div> </div> <div class="bottom_center"> <div class="bottom_center_list"> <div class="bottom_column"> <div class="bottom_navbar_column"> <div class="column_title" data-key="layout-module-1-text-4">产品</div> <div class="bottom_navbar_list"> <a class="bottom_navbar_item" href="/rpa-data-search" data-key="layout-module-1-text-5"> 数据采集 <span class='new_tag'>强</span> </a> <a class="bottom_navbar_item" href="/rpa-data-search" data-key="layout-module-1-text-6"> WhatsApp营销 </a> <a class="bottom_navbar_item" href="/event-marketing-platform" data-key="layout-module-1-text-7"> 展会营销管理 </a> <a class="bottom_navbar_item" href="/email-software" data-key="layout-module-1-text-8"> 邮件营销 </a> <a class="bottom_navbar_item" data-key="layout-module-1-text-9" href="https://www.meiyeyida.com/" target="_blank"> 落地页工具 </a> <a class="bottom_navbar_item" data-key="layout-module-1-text-10" href="https://www.starify.cn/whatsapp-chatbot-and-chatgpt-aibot" target="_blank"> 对话机器人 <span class='new_tag'>新</span> </a> <a class="bottom_navbar_item" href="/matchpages-website-builder" data-key="layout-module-1-text-11"> 聚页建站 </a> <a class="bottom_navbar_item" href="/whatsapp-shop-marketing-solution" target="_blank" data-key="layout-module-1-text-12"> WhatsApp Shop </a> <a v-if="baseUserInfo && baseUserInfo.rule_list && baseUserInfo.rule_list.includes('SOCIAL_MEDIA')" @click="routerToSmi" class="bottom_navbar_item" data-key="layout-module-1-text-13"> 星光社媒管理软件</a> </div> </div> </div> <div class="bottom_column"> <div class="bottom_navbar_column"> <div class="column_title" data-key="layout-module-1-text-14">服务</div> <div class="bottom_navbar_list"> <a class="bottom_navbar_item" href="/service" data-key="layout-module-1-text-15"> 服务体系 </a> <a class="bottom_navbar_item" href="/case-list" data-key="layout-module-1-text-16"> 客户案例 </a> </div> </div> <div class="bottom_navbar_column"> <div class="column_title" data-key="layout-module-1-text-17">伙伴</div> <div class="bottom_navbar_list"> <a class="bottom_navbar_item" href="/affiliate-partner" data-key="layout-module-1-text-18"> 联盟伙伴 </a> <a class="bottom_navbar_item" href="/reseller-parnter" data-key="layout-module-1-text-19"> 渠道合作 </a> </div> </div> </div> <div class="bottom_column"> <div class="bottom_navbar_column"> <div class="column_title" data-key="layout-module-1-text-20">资源中心</div> <div class="bottom_navbar_list"> <a class="bottom_navbar_item" href="/help-center" data-key="layout-module-1-text-21"> 使用技巧 </a> <a class="bottom_navbar_item" data-key="layout-module-1-text-22" href="https://www.starify.cn/how-to-use-WhatsApp-broadcast-function-on-starify" target="_blank"> WhatsApp广播 </a> </div> </div> <div class="bottom_navbar_column"> <div class="column_title" data-key="layout-module-1-text-23">聊天机器人</div> <div class="bottom_navbar_list"> <a class="bottom_navbar_item" data-key="layout-module-1-text-24" href="https://www.starify.cn/whatsapp-chatbot-brief" target="_blank"> Whatsapp聊天机器人 </a> <a class="bottom_navbar_item" data-key="layout-module-1-text-25" href="https://www.starify.cn/wechat-official-account-chatbot-settings" target="_blank">微信AI客服</a> <a class="bottom_navbar_item" data-key="layout-module-1-text-26" href="https://www.starify.cn/facebook-messenger-chatbot" target="_blank"> Facebook聊天机器人 </a> <a class="bottom_navbar_item" data-key="layout-module-1-text-27" href="https://www.starify.cn/shopify-chatbot" target="_blank"> Shopify聊天机器人 </a> <a class="bottom_navbar_item" data-key="layout-module-1-text-28" href="https://www.starify.cn/instagram-chatbot" target="_blank"> Instagram聊天机器人 </a> </div> </div> </div> <div class="bottom_column"> <div class="bottom_navbar_column"> <div class="column_title" data-key="layout-module-1-text-29">解决方案</div> <div class="bottom_navbar_list"> <a class="bottom_navbar_item" href="/about-us" data-key="layout-module-1-text-30"> 泛娱乐及社交App </a> <a class="bottom_navbar_item" href="/game-solution" data-key="layout-module-1-text-31"> 出海游戏 </a> <a class="bottom_navbar_item" href="/ecommerce-solution" data-key="layout-module-1-text-32"> 跨境电商 </a> <a class="bottom_navbar_item" href="/logistics-solution" data-key="layout-module-1-text-33"> 出海物流 </a> <a class="bottom_navbar_item" href="/lawfirm-solution" data-key="layout-module-1-text-34"> 律师事务所 </a> <a class="bottom_navbar_item" href="/manufacturing-solution" data-key="layout-module-1-text-35"> 制造业 </a> <a class="bottom_navbar_item" href="/event-solution" data-key="layout-module-1-text-36"> 展会主办方 </a> <a class="bottom_navbar_item" href="/IPR-solution" data-key="layout-module-1-text-37"> 知识产权代理 </a> <a class="bottom_navbar_item" data-key="layout-module-1-text-38" href="https://www.starify.cn/solutions-for-government-international-investment-promotion" target="_blank"> 政府国际招商引资 </a> <a class="bottom_navbar_item" href="/whatsapp-chatbot-marketing-solution" data-key="layout-module-1-text-39"> 营销&销售部门 </a> </div> </div> </div> <div class="bottom_column"> <div class="bottom_navbar_column"> <div class="column_title" data-key="layout-module-1-text-40">关于我们</div> <div class="bottom_navbar_list"> <a class="bottom_navbar_item" href="/about-us" data-key="layout-module-1-text-41"> 星光营销平台 </a> <a class="bottom_navbar_item" data-key="layout-module-1-text-42" href="https://www.starify.cn/starify-helps-cross-border-marketing-forwarding-rewards-sharing-profits" target="_blank"> 推荐有奖 <span class='new_tag'>奖</span> </a> <a class="bottom_navbar_item" href="/sitemap" data-key="layout-module-1-text-43"> 网站地图 </a> </div> </div> <div class="bottom_navbar_column"> <div class="column_title" data-key="layout-module-1-text-44">工具</div> <div class="bottom_navbar_list"> <a class="bottom_navbar_item" href="/free-whatsapp-qr-code-generator" data-key="layout-module-1-text-45"> WhatsApp 二维码 </a> <a class="bottom_navbar_item" href="/ai-website-chatbot-plug-in" data-key="layout-module-1-text-46"> WhatsApp AI客服 </a> </div> </div> </div> </div> <div class="bottom_by"> <div class="" data-key="layout-module-1-text-47">星光跨境营销工作平台</div> <div> <span class="" data-key="layout-module-1-text-48">会邦:</span> <a class="" data-key="layout-module-1-text-49" href="https://matchexpo.cn" target="_blank">中文简体</a> | <a class="" data-key="layout-module-1-text-50" href="https://www.matchexpo.com/?lang=zh-tw" target="_blank">中文繁体</a> | <a class="" data-key="layout-module-1-text-51" href="https://www.matchexpo.com/?lang=en-us" target="_blank">English</a> </div> <div> <span class="" data-key="layout-module-1-text-52">聚页建站:</span> <a class="" data-key="layout-module-1-text-53" href="https://www.matchpages.cn/" target="_blank">外贸建站</a> | <a class="" data-key="layout-module-1-text-54" href="https://www.matchpages.cn/" target="_blank">DTC 独立站模板</a> | <a class="" data-key="layout-module-1-text-55" href="https://www.matchpages.cn/" target="_blank">Web Builder</a> </div> </div> </div> <div class="bottom_right"> <div class="" data-key="layout-module-1-text-56">商务合作 <br>marketing@matchexpo.com</div> <div class="" data-key="layout-module-1-text-57"> 地址:厦门市软件园三期诚毅北大街1号 601-4单元<br> 邮编: 361008<br> 公司网址:<a href='https://www.starify.cn/' target='_blank'>www.starify.cn</a> </div> <div class="qr_code"> <div> <img src=" /assets/image/bottom/footer_qr_serviseL.webp" data-key="layout-module-1-image-58"> <div class="" data-key="layout-module-1-text-59">售前咨询</div> </div> <div> <img src=" /assets/image/bottom/footer_qr_gzh.webp" data-key="layout-module-1-image-60"> <div class="" data-key="layout-module-1-text-61">关注公众号</div> </div> </div> </div> </div> <div class="page_by_about" data-key="layout-module-1-text-62"> 友情链接: <a href='http://clca.hk' target='_blank'>香港中资上市公司协会</a> <a href='http://www.mofcom.gov.cn' target='_blank'>中华人民共和国商务部</a> <a href='http://www.caefi.org.cn' target='_blank'>中国外商投资企业协会</a> <a href='http://www.chinaisa.org.cn/gxportal/xfgl/portal/index.html' target='_blank'>中国钢铁工业协会</a> <a href='https://www.ca-sme.org' target='_blank'>中国中小企业协会</a> <a href='http://www.sse.com.cn' target='_blank'>上海证券交易所</a> <a href='https://www.cameraitacina.com/cn' target='_blank'>中国意大利商会 </a> <a href='http://www.szlawyers.com' target='_blank'>深圳市律师协会</a> <a href='https://www.hkex.com.hk/?sc_lang=en' target='_blank'>香港交易所</a> <a href='https://www.szse.cn/index/index.html' target='_blank'>深圳证券交易所</a> <a href='https://www.weforum.org' target='_blank'>世界经济论坛</a> </div> <div class="copyright_text"> <span data-key="layout-module-1-text-63"> Copyright 2019-2022 厦门聚页创意科技有限公司 Xiamen Matchpages Technology Co., Ltd | All rights Reserved</span> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d812ede0c6.gif" alt="starify" data-key="layout-module-1-image-64"> <a class="" data-key="layout-module-1-text-65" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35021102001654" target="_blank">闽公网安备35021102001654</a> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d8153bd984.png" alt="starify" data-key="layout-module-1-image-66"> <a class="" data-key="layout-module-1-text-67" href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">闽ICP备2021000802号</a> <a class="privacy_clause_btn" href="/privacy-policy" data-key="layout-module-1-text-68"> 隐私条款</a> <a class="privacy_clause_btn" href="/disclaimer" data-key="layout-module-1-text-69"> 免责条款</a> </div> </div> <div class="m_bottom_container" data-module ="12" v-show="!hideBottom" v-cloak> <div class="logo" data-key="layout-module-12-image"><img src="/assets/image/logoW-starify2X.webp" alt="layout-module-12-image"></div> <div class="website_desc" data-key="layout-module-12-text"> 星光跨境营销系统,致力于为中国出海企业提供包括数据智能采集、数据培育、WhatsApp ChatBot 聊天机器人、电子邮件、聊天、CRM 等一体化平台, 可帮助您通过建立更牢固的客户关系来发展业务,助力企业实现全球化增长和品牌崛起。 </div> <div class="bottom_btn" @click="showFormDialog()" data-key="layout-module-12-text-3"> 立即注册 免费试用 </div> <div class="website_option"> <el-collapse v-model="bottomActive" accordion> <el-collapse-item title="产品" name="产品"> <a class="website_option_item" href="/rpa-data-search" data-key="layout-module-12-text-4"> 数据采集 </a> <a class="website_option_item" href="/rpa-data-search" data-key="layout-module-12-text-5"> WhatsApp营销 </a> <a class="website_option_item" href="/event-marketing-platform" data-key="layout-module-12-text-6"> 展会营销管理 </a> <a class="website_option_item" href="/email-software"> 邮件营销 </a> <a class="website_option_item" data-key="layout-module-12-text-7" href="https://www.meiyeyida.com/" target="_blank"> 落地页工具 </a> <a class="website_option_item" data-key="layout-module-12-text-8" href="https://www.starify.cn/whatsapp-chatbot-and-chatgpt-aibot" target="_blank"> 对话机器人 </a> <a class="website_option_item" href="/matchpages-website-builder" data-key="layout-module-12-text-9"> 聚页建站 </a> </el-collapse-item> <el-collapse-item title="服务" name="服务"> <a class="website_option_item" href="/service" data-key="layout-module-12-text-10"> 服务体系 </a> <a class="website_option_item" href="/case-list" data-key="layout-module-12-text-11"> 客户案例 </a> </el-collapse-item> <el-collapse-item title="伙伴" name="伙伴"> <a class="website_option_item" href="/affiliate-partner" data-key="layout-module-12-text-12"> 联盟伙伴 </a> </el-collapse-item> <el-collapse-item title="聊天机器人" name="聊天机器人"> <a class="website_option_item" data-key="layout-module-12-text-13" href="https://www.starify.cn/whatsapp-chatbot-brief" target="_blank"> whatsapp聊天机器人 </a> <a class="website_option_item" data-key="layout-module-12-text-14" href="https://www.starify.cn/facebook-messenger-chatbot" target="_blank"> Facebook聊天机器人 </a> <a class="website_option_item" data-key="layout-module-12-text-15" href="https://www.starify.cn/shopify-chatbot" target="_blank"> Shopify聊天机器人 </a> <a class="website_option_item" data-key="layout-module-12-text-16" href="https://www.starify.cn/instagram-chatbot" target="_blank"> Instagram聊天机器人 </a> </el-collapse-item> <el-collapse-item title="资源中心" name="资源中心"> <a class="website_option_item" href="/help-center" data-key="layout-module-12-text-17"> 使用技巧 </a> <a class="website_option_item" data-key="layout-module-12-text-18" href="https://www.starify.cn/how-to-use-WhatsApp-broadcast-function-on-starify" target="_blank"> WhatsApp广播 </a> <a class="website_option_item" href="/sitemap" data-key="layout-module-12-text-19"> 网站地图 </a> </el-collapse-item> <el-collapse-item title="关于我们" name="关于我们"> <a class="website_option_item" href="/about-us" data-key="layout-module-12-text-20"> 星光营销平台 </a> <a class="website_option_item" href="/reseller-parnter" data-key="layout-module-12-text-21"> 渠道合作 </a> <a class="website_option_item" data-key="layout-module-12-text-22" href="https://www.starify.cn/starify-helps-cross-border-marketing-forwarding-rewards-sharing-profits" target="_blank"> 推荐有奖 </a> </el-collapse-item> </el-collapse> </div> <div class="website_info"> <div class="" data-key="layout-module-12-text-23">商务合作</div> <div class="" data-key="layout-module-12-text-24">marketing@matchexpo.com</div> </div> <div class="website_info"> <div class="" data-key="layout-module-12-text-25">地址:厦门市软件园三期<br>诚毅北大街1号 601-4单元</div> <div class="" data-key="layout-module-12-text-26">邮编: 361000</div> </div> <div class="website_by"> <div class="" data-key="layout-module-12-text-27">星光跨境营销工作平台</div> <div data-key="layout-module-12-text-28"> 会邦: <a href='https://matchexpo.cn'>中文简体</a> | <a href='https://www.matchexpo.com/?lang=zh-tw'>中文繁体</a> | <a href='https://www.matchexpo.com/?lang=en-us'>English</a> </div> <div data-key="layout-module-12-text-29"> 聚页建站: <a href='https://www.matchpages.cn/'>外贸建站</a> | <a href='https://www.matchpages.cn/'>DTC 独立站模板</a> | <a href='https://www.matchpages.cn/'>Web Builder</a> </div> </div> <div class="website_code"> <div> <img src="/assets/image/bottom/footer_qr_serviseL.webp"> <div class="" data-key="layout-module-12-text-30">售前咨询</div> </div> <div> <img src="/assets/image/bottom/footer_qr_gzh.webp"> <div class="" data-key="layout-module-12-text-31">关注公众号</div> </div> </div> <div class="website_link" data-key="layout-module-12-text-32"> 友情链接: <a href='http://clca.hk'>香港中资上市公司协会</a> <a href='http://www.mofcom.gov.cn'>中华人民共和国商务部</a> <a href='http://www.caefi.org.cn'>中国外商投资企业协会</a> <a href='http://www.chinaisa.org.cn/gxportal/xfgl/portal/index.html'>中国钢铁工业协会</a> <a href='https://www.ca-sme.org'>中国中小企业协会</a> <a href='http://www.sse.com.cn'>上海证券交易所</a> <a href='https://www.cameraitacina.com/cn'>中国意大利商会 </a> <a href='http://www.szlawyers.com'>深圳市律师协会</a> <a href='https://www.hkex.com.hk/?sc_lang=en'>香港交易所</a> <a href='https://www.szse.cn/index/index.html'>深圳证券交易所</a> <a href='https://www.weforum.org'>世界经济论坛</a> </div> <div class="copyright_text"> <span class="" data-key="layout-module-12-text-33">Copyright 2019-2022 厦门聚页创意科技有限公司 Xiamen Matchpages Technology Co., Ltd | All rights Reserved</span> <div data-key="layout-module-12-image-34"> https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d812ede0c6.gif</div> <div style="display: flex;justify-content: center"> <a class="privacy_clause_btn" href="/privacy-policy" data-key="layout-module-12-text-35"> 隐私条款</a> </div> </div> </div> </div> </body> <link href="/assets/lib/animate/animate.min.css" rel="stylesheet" type="text/css"/> <link href="/assets/iconfont/iconfont.css?version=2.10.14" rel="stylesheet" type="text/css"/> <script> let loading_box = document.getElementById("loadingBox") function completeLoading() { if (loading_box) { loading_box.style.opacity = '0'; setTimeout(() => { if (document.querySelector('.body_container')) { document.querySelector('.body_container').style.opacity = '1'; } document.getElementById("loadingBox").style.display = "none"; }, 400) } } //初始化loading效果 function initLoading() { document.getElementById("loadingBox").style.display = ""; document.getElementById("loadingBox").style.opacity = '1'; } function isMobile() { let userAgentInfo = navigator.userAgent; let Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']; let getArr = Agents.filter(i => userAgentInfo.includes(i)); return getArr.length ? true : false; } </script> <script src="/assets/lib/vue/vue@next.js?version=2.10.14"></script> <script src="/assets/lib/axios/axios.min.js"></script> <script src="/assets/lib/lottiePlayer/lottie-player.js"></script> <script src="/assets/lib/jquery/jquery-1.11.1.min.js"></script> <script src="/assets/lib/element/element-plus.js"></script> <script src="/assets/lib/js-cookie/js.cookie.js"></script> <script src="/assets/lib/qrcode/qrcode.min.js"></script> <script src="/assets/utils/utils-all.min.js?version=2.10.14"></script> <script src="/assets/utils/request.js?version=2.10.14"></script> <script src="/assets/utils/anonymity.js?version=2.10.14"></script> <script> let submit_form_mixins = { data() { const validPhone = (rule, value, callback) => { if (!isPhone(value)) { callback(new Error('请输入正确的手机号码')) } else { callback() } } const validEmail = (rule, value, callback) => { if (!isEmail(value)) { callback(new Error('请输入正确的邮箱格式')) } else { callback() } } return { submitLoading: false, getCodeLoading: false, countTime: 0, countTimeInterval: '', sendCode: false, form: { form_id: 2, name_8: '', name_9: '', name_10: '', name_11: '', name_12: '', name_15: '', name_13: '', name_14: '', name_16: window.location.href, r_id:'', r_ta:'', valid_code: '' }, rules :{ name_13: [ { required: true, message: '请输入您的公司邮箱', trigger: 'blur' }, { validator: validEmail, message: '请输入正确的邮箱格式', trigger: 'blur' } ], name_14: [ { required: true, message: '请输入您的公司网址', trigger: 'blur' } ], name_8: [ { required: true, message: '请输入您的姓名', trigger: 'blur' } ], name_9: [ { required: true, message: '请输入您的联系电话', trigger: 'blur' }, { validator: validPhone, message: '请输入正确的手机号码', trigger: 'blur' } ], name_10: [ { required: true, message: '请输入您的公司名称', trigger: 'blur' } ], name_11: [ { required: true, message: '请输入您公司的规模', trigger: 'blur' } ], name_12: [ { required: true, message: '请输入您所在的城市', trigger: 'blur' } ], name_15: [ { required: true, message: '请填写公司介绍', trigger: 'blur' } ] }, } }, methods: { getPhoneCode(prop) { if (!this.form[prop]) { this.$message.warning('手机号不能为空') return } if(this.getCodeLoading) { return false } this.countTime = 60 this.sendCode = true this.countTimeInterval = setInterval(()=>{ if (this.countTime > 0) { this.countTime -= 1 } if (this.countTime === 0) { clearInterval(this.countTimeInterval) this.countTimeInterval = null this.sendCode = false } },1000) this.getCodeLoading = true getPhoneCode({ phone: this.form[prop]}).then( response => { this.getCodeLoading = false if (response && response.code === 0) { this.$message.success('获取短信验证码成功,请留意您的短信') } }).catch(error=>{ this.getCodeLoading = false console.log(error) }) }, submitForm() { if (!this.submitLoading) { this.$refs['form'].validate((valid) => { if (valid) { if (!this.form.valid_code) { this.$message.warning('请获取短信验证码并填写') return } this.submitLoading = true if($('#r_id') && $('#r_id').val()){ this.form.r_id = $('#r_id').val(); } if($('#r_ta') && $('#r_ta').val()){ this.form.r_ta = $('#r_ta').val(); } jsCookie.set('starify_submit_form','1') apiSubmitFormAgentRecord(this.form).then((response)=>{ setTimeout(()=>{ this.submitLoading = false if (response.code === 0) { if (typeof addAnonymity === 'function') { addAnonymity({view_name:this.form.name_8,view_link_tel:this.form.name_9}) } this.$refs['form'].resetFields() this.$message.success('提交成功') window.open(window.location.origin + '/thank-page','_self') } },1000) }).catch((error)=>{ setTimeout(()=>{ this.submitLoading = false },1100) console.log(error) }) } }) } }, downloadBlog() { let btn = document.querySelector('#download-btn') if (!btn) { return } let url = btn.getAttribute('data-url') if (url) { setTimeout(()=>{ this.$message.success('正在下载') downloadFile(url) this.$emit('closeDialog') },1000) } }, }, }; </script> <script> const formParams = { phone: '', valid_code: '', country_code: '+86', password: '', confirm_password: '', pre_register_key: '', reset_token: '', isReadAgreement: 0 } let login_mixins = { data() { return { loginLoading: false, countryCodeList: allCountries, loginActiveTab: 'login_sms', loginForm: { username: '', valid_code: '', country_code: '+86', password: '', confirm_password: '', pre_register_key: '', reset_token: '', isReadAgreement: 0, spread_code: '' }, showAgreement: false, loginFormRules: { phone: '', valid_code: '', country_code: '+86', password: '', confirm_password: '', pre_register_key: '', reset_token: '', isReadAgreement: 0 }, loginCountTime: 60 } }, mounted() { if (document.querySelector('.login-form-tab')) { this.$nextTick(() => { this.resizeActiveTag() this.$refs.form.clearValidate() }) this.loginForm.spread_code = getUrlParam('s') } }, methods: { resizeActiveTag() { this.$nextTick(() => { const div = document.querySelector('.login-form-tab>div.active') const activeTag = document.querySelector('.active_tag') activeTag.style.width = Math.round(div.clientWidth) + 'px' activeTag.style.left = div.offsetLeft + 'px' activeTag.style.transform = 'scale(1.2)' }) }, returnRules() { const phone = [ { min: 11, max: 11, message: '请正确输入手机号', trigger: ['blur', 'change'] }, {required: true, message: '请输入手机号 ', trigger: ['blur', 'change']} ] const valid_code = [ {required: true, message: '请输入短信验证码 ', trigger: ['blur', 'change']} ] const password = [ { validator: (rule, value, callback) => { if (!passWordRules(value)) { callback('必须包含大小写字母数字特殊字符(~!#$%^&*()_),至少8位') } else { callback() } }, trigger: ['blur', 'change'] }, {required: true, message: '请输入密码 ', trigger: ['blur', 'change']} ] const confirm_password = [ { validator: (rule, value, callback) => { if (value === '') { callback(new Error('请再次确认密码')) } else if (value !== this.loginForm.password) { callback(new Error('请保持两次密码一致')) } else { callback() } }, trigger: ['blur', 'change'] }, {required: true, message: '请再次输入密码 ', trigger: ['blur', 'change']} ] const isReadAgreement = [ {required: true, message: '请阅读并勾选隐私条款 ', trigger: ['blur', 'change']} ] if (this.loginActiveTab === 'login_sms' || this.loginActiveTab === 'forgot_pwd') { return { phone: phone, valid_code: valid_code } } if (this.loginActiveTab === 'register') { return { phone: phone, valid_code: valid_code, isReadAgreement: isReadAgreement } } if (this.loginActiveTab === 'set_pwd') { return { password: password, confirm_password: confirm_password } } if (this.loginActiveTab === 'login_pwd') { return { phone: phone, password: password } } }, changeTab(name) { if (name === 'forgot_pwd') { this.loginForm.password = '' this.loginForm.confirm_password = '' } this.loginActiveTab = name this.loginFormRules = this.returnRules() this.$nextTick(() => { this.$refs.form.clearValidate() this.resizeActiveTag() }) }, getResetTokenFun() { this.$refs.form.validate(valid => { if (valid) { getResetToken({ phone: this.loginForm.username, valid_code: this.loginForm.valid_code, country_code: this.loginForm.country_code.replace('+', '') }).then(res => { this.loginForm.reset_token = res.data this.loginForm.pre_register_key = '' this.changeTab('set_pwd') }) } }) }, userRegisterFun() { if (!this.loginForm.isReadAgreement) { this.$message.error('请先阅读并勾选隐私条款') return false } this.$refs.form.validate(valid => { if (valid) { userRegister({ phone: this.loginForm.username, valid_code: this.loginForm.valid_code, country_code: this.loginForm.country_code.replace('+', '') }).then(res => { this.loginForm.pre_register_key = res.data.pre_register_key this.loginForm.reset_token = '' this.changeTab('set_pwd') }) } }) }, submitSetPwd() { this.$refs.form.validate(valid => { if (valid) { if (this.loginForm.pre_register_key) { confirmRegister({ password: this.loginForm.password, confirm_password: this.loginForm.confirm_password, pre_register_key: this.loginForm.pre_register_key }).then(res => { this.pwdLoginFun() }) } else { resetPwdByToken({ password: this.loginForm.password, confirm_password: this.loginForm.confirm_password, reset_token: this.loginForm.reset_token }).then(() => { this.loginForm = formParams this.$message.success('重置密码成功') this.changeTab('login_pwd') }) } } }) }, pwdLoginFun() { this.$refs.form.validate(valid => { if (valid) { this.loginLoading = true userLoginSubmit({ username: this.loginForm.username, password: this.loginForm.password, spread_code: this.loginForm.spread_code, client_type: 'website' }).then((res) => { this.loginLoading = false this.$message.success('登录成功') this.loginSuccess(res.data) // this.$router.push({ path: '/' }) }).catch(() => { this.loginLoading = false }) } }) }, phoneLoginFun() { this.$refs.form.validate(valid => { if (valid) { this.loginLoading = true loginPhone({ phone: this.loginForm.username, country_code: this.loginForm.country_code.replace('+', ''), valid_code: this.loginForm.valid_code, spread_code: this.loginForm.spread_code, client_type: 'website' }).then((res) => { this.$message.success('登录成功') this.loginSuccess(res.data) this.loginLoading = false }).catch(() => { this.loginLoading = false }) } }) }, getPhoneCodeFun() { if (!this.loginForm.username) { this.$message.warning('获取验证码手机号不能为空') return false } const params = { phone: this.loginForm.username, country_code: this.loginForm.country_code.replace('+', '') } if (this.loginActiveTab === 'register') { getRegPhoneCode(params).then(() => { startCountDown() }) } else if (this.loginActiveTab === 'forgot_pwd') { getResetPhoneCode(params).then(() => { startCountDown() }) } else if (this.loginActiveTab === 'login_sms') { getLoginPhoneCode(params).then(() => { startCountDown() }) } const that = this function startCountDown() { that.$message.warning('获取短信验证码成功,请留意您的短信') const code_interval = setInterval(() => { if (that.loginCountTime - 1 >= 0) { that.loginCountTime -= 1 } else { that.loginCountTime = 60 clearInterval(code_interval) } }, 1000) } }, loginSuccess(res) { if (res.token) { this.$config.apiToken = res.token setUserCookie(res.token) } if (this.componentType === 'dialog') { this.loginDialog.visible = false this.getUserInfoEvent() this.$forceUpdate() } else if (getUrlParam('redirect')) { location.href = getUrlParam('redirect') } else { location.href = '/' } }, } }; </script> <script> let app_mixins = [submit_form_mixins,login_mixins] try { //判断是否存在页面的mixins文件 if (mixins) { app_mixins.push(mixins) } } catch (e) {} let app_body = initVue({ name:'app_body', mixins: app_mixins, data() { return { domain: this.$config.ossDomain, websiteType: '', loginDialog: { visible: false }, showMenu: false, showForm: false, hideHead: false, hideBottom: false, activeIndex: '', countNumberObj: false, bottomActive:'', blogCancelTokenSource:null, searchValue: '', blogOption:[], blogListLoading:false, baseUserInfo: {}, packetList: [], //帮助参数 helpCancelTokenSource:null, helpSearchValue: '', helpOption:[], helpListLoading:false, allPageCancelTokenSource:null, allPageSearchValue: '', allPageOption:[], allPageListLoading:false, initAllSearchScrollLoad:false, returnLocalLang: 'zh-cn', allSearchParams: { keyword:'', page_size:30, page:1 } } }, created() { this.getUserInfoEvent() }, mounted() { //获取页面名称 this.getPageRouter() //获取页面类型 this.getWebsiteType() window.onresize =()=>{ reduceRem() this.getWebsiteType() } //初始化wow this.handleScroll() this.$nextTick(async ()=>{ if (this.websiteType === 'pc') { this.initSkrollr() } this.lazyLoad() document.addEventListener('scroll',()=>{ this.lazyLoad() },{passive: true}) }) //初始化弹窗 this.initNotification() this.$loading.completeLoading() this.getPacketData() this.initOurClientsOwl() if (getUrlParam('website_type') && getUrlParam('website_type') === 'edit') { this.initPostMessage() } }, methods: { initPostMessage() { this.$nextTick(()=>{ window.addEventListener('message',(e)=>{ if (!this.isInitMessage) { document.querySelector('body').classList.add('edit_page_body') let box_module_list = document.querySelectorAll('*[data-key]') box_module_list.forEach(item=>{ item.addEventListener('click',(event)=>{ this.isInitMessage = true event.preventDefault(); window.parent.postMessage({ 'type': 'initMessageData', // 自定义事件名 'value': item.getAttribute('data-key') // 数据,只能是字符串 }, '*'); }) }) } if (e && e.data) { let data = JSON.parse(e.data) if (data.key && data.key === 'update_value') { let list = document.querySelectorAll('*[data-key=' + data.module_key + ']') let content = data.content console.log(data) console.log(list) list.forEach(targetElement=>{ if (targetElement.tagName === 'img' || targetElement.tagName === 'video') { targetElement.src = content } else if (targetElement.querySelector('img')) { targetElement.querySelector('img').src = content } else if (targetElement.querySelector('video')) { targetElement.querySelector('video').src = content } else if (targetElement) { targetElement.innerHTML = content } }) } if (data.list && data.key && data.key === 'init_event') { let all_box = document.querySelectorAll('*[data-key]') let box_list = document.querySelectorAll('.edit_module_box_active_style') box_list.forEach(item=>{ item.classList.remove('edit_module_box_active_style') }) let key_list = data.list.map(item=>{ return item.key }) all_box.forEach(item=>{ let key = item.getAttribute('data-key') if (key_list.includes(key)) { item.classList.add('module_box_active_style') } }) } if (data.route_path && data.route_path !== 'layouts.index') { $('.layout_header').addClass('wrapper_box_disabled') $('.layout_m_header').addClass('wrapper_box_disabled') $('.layout_footer').addClass('wrapper_box_disabled') let all_box_a = document.querySelectorAll('a:not(.module_box_active_style)') all_box_a.forEach(item=>{ if (JSON.stringify(item.classList).indexOf('module_box_active_style') === -1) { item.href = 'javascript:void(0)' } }) } } }) }) }, routerToSmi() { let url = 'https://socialmedia.starify.cn' + '#/third-part-login?token=' + this.$config.apiToken window.open(url) }, routerToStarify() { let url = 'https://app.starify.cn' window.open(url) }, initOurClientsOwl() { //初始化公共模块的滚动 this.$nextTick(()=>{ if (document.getElementById('our-clients-carousel')) { if (window.screen.availWidth > 992) { this.initOwlEvent('#our-clients-carousel',10,6,true,false,true) } else { this.initOwlEvent('#our-clients-carousel',20,1,true,false,true) } } if (document.getElementById('solution-partners-carousel')) { if (window.screen.availWidth > 992) { this.initOwlEvent('#solution-partners-carousel',10,6,true,true,true,false) } else { this.initOwlEvent('#solution-partners-carousel',20,1,true,true,true,false) } } if (document.getElementById('integrated-list-carousel')) { if (window.screen.availWidth <= 992) { this.initOwlEvent('#integrated-list-carousel',20,2,true,true,true,false) } } }) }, toPacketPage() { window.open(chatgpt_url + '/aichatbot') }, getPackagePrice(packet_key) { let val = this.packetList.find(item=>{return item.packet_key === packet_key}) return val.price }, getPackageOriginalPrice(packet_key) { let val = this.packetList.find(item=>{return item.packet_key === packet_key}) return val.original_price }, getPacketData() { getPacket({ app_code:'CHATGPT' }).then(res=>{ this.packetList = res.data }) }, locationTo(url,type) { if (type) { window.open(url,type) } else { location.href = url } }, getUserInfoEvent() { if (!this.$config.apiToken) { return } getUserInfo().then(res=>{ this.baseUserInfo = res.data this.baseUserInfo.rule_list = res.data.app_list.map(item=>{return item.app_code}) }) }, outLoginEvent() { logout().then(res=>{ if (res.ret === 0) { this.$config.apiToken = '' removeUserCookie() this.$message.success('退出登录成功') this.$forceUpdate() location.href = location.pathname } }) }, getWebsiteType() { if (window.innerWidth > 992) { this.websiteType = 'pc' } else { this.websiteType = 'mobile' } }, closeForm() { this.showForm = false }, routeToLogin() { if (location.pathname) { location.href = '/login?redirect=' + location.pathname } }, getPageRouter() { if (location.pathname && location.pathname !== '/') { this.activeIndex = location.pathname } else { this.activeIndex = '/home' } }, initNotification() { let white_list = ['/price','/support'] if (white_list.includes(this.activeIndex)) { return } setTimeout(()=>{ let num = this.getRandom(1,3) this.$notification('', `<div class="notice_dialog starify_download_dialog"> <div class="notice_head"> <img src="/assets/image/svg/dzlanse.svg"> 免费试用 </div> <div class="notice_body qrcode_body"> <div> 欢迎您的到来。刚才已经有<span>`+ num +`人</span>下载免费版本使用,很好用哦。 </div> <div class="download_btn"> <img src="/assets/image/svg/e3zixun.gif"> <span>点击下载免费版体验</span> </div> </div> <div class="notice_bottom"> <img src="/assets/image/svg/pplanse.svg"> Powered by Starify </div> </div>`,0,true,true) this.$nextTick(()=>{ let btn = document.querySelector('.notice_dialog.starify_download_dialog .download_btn') btn.addEventListener('click',()=>{ this.showFormDialog() }) }) },30000) }, getRandom(min,max) { return Math.floor(Math.random() * (max - min + 1)) + min; }, initSkrollr() { if (document.querySelectorAll('.background_scroll_box').length > 0) { skrollr.init(); } }, lazyLoad(){ var viewHeight = document.documentElement.clientHeight //可视区域的高度 //获取所有要进行懒加载的图片 const lazyLoadImg = document.querySelectorAll('img[data-original][lazyload]') lazyLoadImg.forEach(item => { let rect = item.getBoundingClientRect()//获取每一个img元素的宽高以及距离视口顶部的距离 if(rect.top <= viewHeight && rect.top > -rect.height){ item.src = item.dataset.original item.removeAttribute('data-original') item.removeAttribute('lazyload') } }) }, scrollToDom(dom) { console.log($(dom)) if ($(dom) && $(dom)[0]) { $(dom)[0].scrollIntoView() } }, scrollTop() { $('html,body').animate({scrollTop: 0}, 500); }, showFormDialog(type) { this.showForm = true }, downloadExe(type) { if (!(jsCookie.get('starify_submit_form') && jsCookie.get('starify_submit_form') === '1')) { this.$message.warning('请先提交表单后下载') this.showFormDialog() return } if (this.websiteType === 'mobile') { type = 'copy' } apiGetInstall({is_full:1,ver:0.1}).then((res)=>{ if (res.data.upgrade) { let exeUrl = res.data.upgrade if (type && type === 'copy') { copyValue(exeUrl) this.$message.success('复制链接成功,快去pc上下载使用吧!') } else { window.open(exeUrl) } } else { this.$message.warning('暂不提供下载,请联系客服获取资源包') } }) }, initCountNum(dom) { if (document.querySelectorAll(dom + ' .count_item').length > 0) { let list = document.querySelectorAll(dom + ' .count_item') list.forEach(item=>{ let id = item.getAttribute('id') let startVal = item.getAttribute('data-startVal') let endVal = item.getAttribute('data-endVal') let decimals = item.getAttribute('data-decimals') let speed = item.getAttribute('data-speed') this.countNumber(id,startVal,endVal,decimals,speed) }) } }, initOwlEvent(dom,margin,items,autoplay=false,nav=false,loop = false,dots=false) { let owl owl = $(dom) owl.owlCarousel({ margin: margin, items: items, autoplay:autoplay, nav: nav, loop: loop, dots:dots }) if (nav) { $('.btn_next').click(function() { owl.trigger('next.owl.carousel'); }) $('.btn_pre').click(function() { // With optional speed parameter // Parameters has to be in square bracket '[]' owl.trigger('prev.owl.carousel', [300]); }) } }, countNumber(id,startVal,endVal,decimals,duration) { new CountUp(id, startVal, endVal, decimals, duration, { useEasing: true,//效果 separator: ','//数字分隔符 }).start() //target:目标元素id, startVal:你想要开始的值, endVal:你想要到达的值, decimals:小数位数,默认值为0, duration:动画持续时间为秒,默认值为2, options:选项的可选对象 }, handleScroll () { let list = document.querySelectorAll('.page_module') list.forEach((item,index)=>{ item.classList.add('module_' + (index + 1)) var wow = new WOW({ boxClass: 'module_' + (index + 1), animateClass: 'start_animate', offset: 100, mobile: true, live: true, callback:()=>{ this.initCountNum('.module_' + (index + 1)) } }); wow.init(); }) }, pageTo(url,type) { if (type) { window.open(url) } else { location.href = url } }, solutionPageTo(url) { window.open(url,'_self') }, selectBlog(item){ this.searchValue='' this.pageTo('/'+item) }, blogQuerySearch(queryString) { this.blogListLoading=true // 如果存在请求,手动取消请求 if (this.blogCancelTokenSource) { this.blogCancelTokenSource.cancel('cancel by hand') this.blogCancelTokenSource = null } const cancelToken = axios.CancelToken this.blogCancelTokenSource = cancelToken.source() let query= axios( { method: 'get', url: '/api/blog/visitor-query-list', params: { keyword:queryString }, cancelToken:this.blogCancelTokenSource.token } ).then( response => { this.blogListLoading=false if(response.data&&response.data.code===0){ this.blogOption=response.data.data } }).catch(error=>{ this.blogListLoading=false console.log(error) }) }, adDownloadFile(url){ downloadFile(url) }, selectHelp(item){ this.helpSearchValue='' this.pageTo('/'+item) }, helpQuerySearch(queryString) { this.helpListLoading=true // 如果存在请求,手动取消请求 if (this.helpCancelTokenSource) { this.helpCancelTokenSource.cancel('cancel by hand') this.helpCancelTokenSource = null } const cancelToken = axios.CancelToken this.helpCancelTokenSource = cancelToken.source() let query= axios( { method: 'get', url: '/api/help/visitor-query-list', params: { keyword:queryString }, cancelToken:this.helpCancelTokenSource.token } ).then( response => { this.helpListLoading=false if(response.data&&response.data.code===0){ this.helpOption=response.data.data.data } }).catch(error=>{ this.helpListLoading=false console.log(error) }) }, selectAllPage(item){ this.allPageSearchValue='' this.pageTo('/'+item) }, allSearchScrollBind(){ if(!this.initAllSearchScrollLoad){ this.$nextTick(async ()=>{ const SELECT_DOM = document.querySelector('.el-select-dropdown .el-select-dropdown__wrap') let that = this if(!this.initAllSearchScrollLoad){ SELECT_DOM.addEventListener('scroll', function() { const condition = this.scrollHeight - this.scrollTop <= this.clientHeight if(condition){ that.allPageQuerySearch(that.allSearchParams.keyword) } }) this.initAllSearchScrollLoad=true } }) } }, allPageQuerySearch(queryString) { this.allPageListLoading=true // 如果存在请求,手动取消请求 if (this.allPageCancelTokenSource) { this.allPageCancelTokenSource.cancel('cancel by hand') this.allPageCancelTokenSource = null } if(queryString!==this.allSearchParams.keyword){ this.allSearchParams.page=1 this.allPageOption=[]; } const cancelToken = axios.CancelToken this.allPageCancelTokenSource = cancelToken.source() this.allSearchParams.keyword=queryString let query= axios( { method: 'get', url: '/api/query/all', params: this.allSearchParams, cancelToken:this.allPageCancelTokenSource.token } ).then( response => { this.allPageListLoading=false if(response.data&&response.data.code===0){ for (let i=0;i<response.data.data.data.length;i++){ this.allPageOption.push(response.data.data.data[i]) } this.allSearchParams.page+=1; } this.allSearchScrollBind() }).catch(error=>{ this.allPageListLoading=false console.log(error) }) }, }, },"#app_body") </script> <script src="https://oss.starify.cn/prod/starigy/w_chat/install/js/455234e1-30d4-6a32-4a16-5d811cbd07b4.js" async></script> <script src="/assets/js/blog-details.js?version=2.10.14"></script> </html>