标签: hubspot

我的表单提交被阻止，因为框架已被沙盒化且未设置“允许表单”权限

我正在尝试为 Hubspot 构建自定义表单和提交帖子。

我有以下代码

HTML

<head>
<script src="prezzi-form-submit.js"></script>
</head>
<body>

  <form class='form-inline' id='my-custom-form'>
    <div class="form-group">
      <input type='email' class='form-control' placeholder='Your email address' required>
    </div>
    <button class="btn btn-primary" type='submit'>Sign up</button>
  </form>

  <!-- Actual form that gets submitted to HubSpot -->
  <div class="hidden" id='hubspot-form'>
    <script charset="utf-8" src="//js.hsforms.net/forms/current.js"></script>
    <script>
      hbspt.forms.create({
        portalId: 'my-portal-id',
        formId: '92b9b82a-0da2-4e23-8a30-04541c05ce6d',
        onFormReady: function($form) {
          $form.attr('target', 'hubspot-iframe');
        }
      });
    </script>

    <!-- iFrame that data will get submitted to. This hack stops the page redirect. -->
    <iframe name="hubspot-iframe" id="hubspot-iframe" sandbox="allow-forms"></iframe>
  </div>
</body>

Run Code Online (Sandbox Code Playgroud)

JS …

javascript hubspot

Mat*_*olo

2018 05-16

7
推荐指数

2
解决办法

1万
查看次数

Turbolinks 访问页面中缺少 hubspot 聊天界面，但可以刷新整页

我想在我的 Rails 4 + Turbolinks 应用程序中集成 hubspot 聊天界面。我已将 Google 标签管理器配置为在每个工作正常的页面加载事件中显示支持聊天界面。

GTM 标记（自定义 html）

<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/xxxxxx.js"></script>
<!-- End of HubSpot Embed Code -->

Run Code Online (Sandbox Code Playgroud)

问题

当我手动刷新页面（整页刷新）时，hubspot 客户端界面（聊天气泡窗口）出现。
当我使用 Turbolinks 访问页面时，它没有显示。

为了调试，我遵循了

我如何知道如果我的中心跟踪代码正在工作

通过检查元素或将其签入浏览器的视图页面源，我可以看到此标记已添加到文档正文 (DOM) 中。网络选项卡还显示对的网络调用js.hs-script.com。

预期的

使用 turbolinks 页面访问的 hubspot 聊天界面：

ruby-on-rails turbolinks ruby-on-rails-4 hubspot hubspot-crm

prz*_*adu

2018 07-10

7
推荐指数

2
解决办法

811
查看次数

如何在 React js 应用程序中插入 hubspot 表单？

我有一个 React js 网站，我想插入一个 hubspot 表单。

中心点形式：

<script charset="utf-8" type="text/javascript" src="//js-eu1.hsforms.net/forms/shell.js"></script>\n<script>\n  hbspt.forms.create({\n    region: "eu1",\n    portalId: "25082527",\n    formId: "8a7c2adb-5c41-4c47-8478-b1f1abe01e3f"\n});\n</script>\n

Run Code Online (Sandbox Code Playgroud)\n

React js页面联系方式

import React from 'react';\nimport SEO from "../common/SEO";\nimport Layout from "../common/Layout";\nimport ContactOne from "../elements/contact/ContactOne";\n\nconst ContactPage = () => {\n    return (\n        <>\n            <SEO title="Contact" desc="EXIGOH - Contact us now"/>\n            <Layout>\n                <div className="main-content">\n                    {/* Start Contact Area  */}\n                    <div className="rwt-contact-area rn-section-gap">\n\n\n                        <div className="container">\n                            <div className="row">\n                                <div className="col-lg-12 mb--40">\n                                    <div className="text-center">\n                                        <h1 className="title theme-gradient h2" dangerouslySetInnerHTML={{__html: 'The Easiest Way …

Run Code Online (Sandbox Code Playgroud)

javascript reactjs hubspot

Kyr*_*ill

lucky-day

6
推荐指数

1
解决办法

7304
查看次数

如何在Tether.js / drop.js中使用React组件

我想根据页面上的用户操作在不同的DOM元素旁边创建并显示一个反馈模式。我能够定位模式，但是每当我尝试添加信息时，它就会开始出现这些错误-Invariant Violation：findComponentRoot“。我的问题是，这是使用库的正确方法，以及如何解决这些错误。这是相同的 http://plnkr.co/edit/alF7JyQAhBwcANyrQQiw

var Feedback = React.createClass({
  clickHandler: function(){
        console.log("form is submitted");
  },
  componentDidMount: function(){
    var el = this.getDOMNode();
    var drop = new Drop({
        target: document.querySelector('#test'),
        classes: 'drop-theme-arrows-bounce drop-hero',
        content: el,
        openOn: "click",
        tetherOptions: {
          attachment: 'bottom right',
          targetOffset: "0 10px"
        }
    });
  },
  render: function(){
    return (
      <div className="drop-theme-hubspot-popovers">
        <form>
          <div className="form-group">
            <label>Feedback</label>
            <input type="text" className="form-control"
                placeholder="Enter email"
                onChange={this.changeHandler}/>
            <a href="#" className="btn btn-default" onClick={this.clickHandler}>Submit</a>
          </div>
        </form>
      </div>
      );
  }  
});

var Demo = React.createClass({
  getInitialState: function(){
    return {feedback: null}; …

Run Code Online (Sandbox Code Playgroud)

javascript reactjs hubspot tether

san*_*eev

lucky-day

5
推荐指数

1
解决办法

2951
查看次数

避免 iOS 浏览器中 204 响应的表单重定向

我在 hubspot 中创建了一个表单。

在 iPhone 和 iPad 等 IOS 设备中，使用 HTTP 204 响应成功发布表单后，页面将重定向到操作 url，但在 Windows 和 Android 中，它仍保留在同一页面中。

form redirection在 iPhone/iPad 中我们有什么办法可以避免吗？

javascript forms http ios hubspot

Abh*_*hek

2015 07-16

5
推荐指数

1
解决办法

577
查看次数

我的问题是，我的网站有两种语言版本，我的自定义语言切换器有点麻烦。由于某种原因，它并非在所有页面上都有效，我认为它是以非常复杂的方式进行编码的。在我们的网站上，语言版本通过url进行了更改。例如，mycompany.fi/是主要的语言版本，而mycompany.fi/en/是该网站的英语版本。这是我现在仅通过更改url即可切换语言的代码。在代码中，它检查url以及页面是否包含translation_content。之后，我将site_language和other_language设置为链接，因此通过按链接可以更改语言。

{% if absolute_url is string_containing "/en-us/" %} 
  {% set site_language = 'en'  %} 
  {% set other_language = 'fi' %}
  {% if content.translated_content['fi-fi'] %}
    {% set other_language_url = '/' + content.translated_content['fi-fi'].slug %} 
  {% elif content.translated_content['fi'] %}
    {% set other_language_url = '/' + content.translated_content['fi'].slug %} 
  {% else %}
    {% set other_language_url = '#' %} 
  {% endif %}
{% elif absolute_url is string_containing "/en/" %}
  {% set site_language = 'en'  %}
  {% set other_language = 'fi' %}
  {% if content.translated_content['fi-fi'] %} …

Run Code Online (Sandbox Code Playgroud)

html hubspot hubl hubspot-cms

Nah*_*hka

2019 05-13

5
推荐指数

0
解决办法

88
查看次数

如何将 HubSpot 数据自动集成到 MySQL 数据库中？

我有一个 HubSpot 帐户，我的团队在其中更新了三张工作表中的客户详细信息，例如联系人、活动等。现在我想将这些工作表中的可用数据集成到我的 MySQL 数据库中。

我希望在 HubSpot 表中所做的更改自动传输到我的 MySQL 数据库。

有什么办法吗？

mysql hubspot

Sai*_*aif

2020 08-13

5
推荐指数

0
解决办法

259
查看次数

如何在外部站点中嵌入 hubspot 表单

您好，我正在关注 hubspot 的有关如何在外部站点上嵌入表单的文档

根据文档，需要包含 javascript

<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>

Run Code Online (Sandbox Code Playgroud)

并创建表格

<script>
  hbspt.forms.create({ 
    portalId: '2089699',
    formId: '287337b2-e8a6-4eaa-b293-bbd3d3622d8a'
  });
</script>

Run Code Online (Sandbox Code Playgroud)

这就是文档的内容。我这样做了，但什么也没有发生。看来至少我需要告诉 hubspot把表格放在哪里，对吧？...很奇怪。

谁能告诉我这个问题吗？我缺少什么？

javascript hubspot

Mar*_*era

2016 03-07

4
推荐指数

1
解决办法

8029
查看次数

NoMethodError:未定义的方法`split'for:"content-type":Symbol

我正在尝试api post请求.测试时我在rails控制台中运行:

u = User.find(1234)
u.create_or_update_hubspot

Run Code Online (Sandbox Code Playgroud)

但继续得到这个消息:

NoMethodError:未定义的方法`split'for:"content-type":Symbol

有想法该怎么解决这个吗？

def create_or_update_hubspot

    require 'net/http'
    require 'uri'
    require 'json'

    hubspot_api = 'b193b89b-0ff1-40c6-a428-b7327f3bc430'

    uri = URI.parse("https://api.hubapi.com/contacts/v1/contact/createOrUpdate/email/testingapis@hubspot.com/?hapikey=#{hubspot_api}")

    header = {'Content-Type': 'application/json'}
    user = {"Properties":[
        {
            "property": "First Name",
            "value": "user.first_name"
        },
        {
            "property":"Last Name",
            "value":"user.last_name"
        },
        {
            "property": "Email",
            "value": "user.email"
        },
        {
            "property":"Mobile Phone Number",
            "value":"user.phone_number"
        },
        {
            "property":"Microsite",
            "value": "user.tags"
        },
        {
            "property":"Company Plan",
            "value":"user.plan"
        },
        {
            "property":"Source?",
            "value":"user.registration_source"
        }
      ]
    }

# Create the HTTP objects
    http = Net::HTTP.new(uri.host, uri.port)
    request …

Run Code Online (Sandbox Code Playgroud)

ruby-on-rails hubspot

Car*_*ton

lucky-day

4
推荐指数

1
解决办法

1457
查看次数