description |
---|
Step-by-step guide to send event data from RudderStack to HubSpot |
HubSpot is a leading marketing and sales platform that helps you track leads, as well as inbound marketing and sales. It offers state-of-the-art tools for efficient marketing, tracking sales and offering better customer support.
RudderStack supports HubSpot as a destination to send your event data through our APIs.
Before configuring your source and destination in RudderStack, please check whether the platform you are working on is supported by HubSpot. Refer the table below:
Connection Mode | Web | Mobile | Server |
---|---|---|---|
Device mode | Supported | - | - |
Cloud mode | Supported | Supported | Supported |
{% hint style="info" %} To know more about the difference between Cloud mode and Device mode in RudderStack, read the RudderStack connection modes guide. {% endhint %}
Once you have confirmed that the platform supports sending events to HubSpot, perform the steps below:
Once you have confirmed that the platform supports sending events to HubSpot, perform the steps below:
- From your RudderStack dashboard, add the source and select HubSpot as a destination.
{% hint style="info" %} Please follow our guide on How to Add a Source and Destination in RudderStack to add a source and destination in RudderStack. {% endhint %}
- Give a name to the destination and click on Next. You should then see the following screen:
- Provide your HubSpot API key and Hub ID in the required fields. Please find API Key and Hub ID in your Hubspot Account.
{% hint style="warning" %}
API Key is mandatory if you need to send data to Hubspot using cloud-mode
{% endhint %}
- Provide your preference to flow the data to HubSpot through native SDK or through the RudderStack backend. Click on Next to finish the configuration.
{% hint style="info" %} The setting to enable / disable native SDK to send events can be changed later. However, for that to reflect in your website, you will need to refresh the web page. {% endhint %}
{% tabs %}
{% tab title="Cloud Mode" %}
{% hint style="warning" %}
The page
call is not supported in cloud mode for HubSpot.
{% endhint %}
{% endtab %}
{% tab title="Device Mode" %}
To send the data to HubSpot, an initial page
call is required. For more information on the page
call, please refer to our RudderStack API Specification documentation.
The following snippet is an example of a page
call:
rudderanalytics.page();
{% endtab %} {% endtabs %}
The identify
call is used to create or update a contact in HubSpot.
You need to provide an email id of that user under the traits
of the identify
call.
{% tabs %}
{% tab title="Cloud Mode" %}
In cloud mode, the identify
call will create or update a contact in HubSpot. You are not required to call page
or track
after to create the contact.
{% endtab %}
{% tab title="Device Mode" %}
In Device mode, you must call either page
or track
after the identify call to create a contact. Previous page
and track
calls will also become associated with that contact once identified.
{% endtab %}
{% endtabs %}
Here is an example identify
call:
rudderanalytics.identify(
{
firstName: "Tintin",
city: "Brussels",
country: "Belgium",
phone: "1234567890",
email: "[email protected]",
custom_flavor: "chocolate",
custom_date: 1574769933368,
custom_date1: new Date("2019-10-14T11:15:53.296Z")
}
);
HubSpot supports the following traits as special fields:
address
city
companyName
email
firstName
lastName
position
phone
zip
Hubspot also supports custom properties. You can update values of the contact
property that you have created in HubSpot.
{% hint style="warning" %}
- Note that when you provide any custom property, it automatically converts to lower case and any space will be replaced with an underscore. HubSpot does not accept properties in upper case and spaces.
- HubSpot discards any property which doesn't exists and returns
400 Bad Request
. {% endhint %}
For sending properties of type date
send the date as the epoch time, or as a date
object. We convert it to the required HubSpot format (midnight UTC).
A track
call is used to record any action the user performs. For more information on the track
call, refer to our RudderStack API Specification guide.
To associate a track
call with a user, you need to specify the user's email
under traits
under context
. Additionally, we associate the track
events called after an identify
request with the same contact.
The following code snippet shows a sample track
event:
rudderanalytics.track(
"Purchase",
{
value: 30
},
{
context: {
traits: {
firstname: "Tintin",
city: "Brussels",
country: "Belgium",
phone: "1234567890",
email: "[email protected]"
}
}
}
);
For revenue events, a value
or revenue
key should be included in the properties of the event to be recorded in Hubspot.
The screen
call records the screen views of the user in your App. If you have turned on the screen views in your App implementation from the iOS or Android SDK it will register in your dashboard. We forward the properties
you've passed along with the screen
call as it is.
Here is a sample screen
call in using RudderStack iOS SDK:
[[RSClient sharedInstance] screen:@"Main"
properties:@{@"prop_key" : @"prop_value"}];
We support HubSpot CRM Custom Object thorugh our identify
call. We expect an object with the name hubspot
and following properties under it.
contactId
qualifiedName
objects
The objects
should be an array containing the objects with two properties, objectId
and objectType
. Also, the contactId
is the HubSpot ID of your HubSpot contact. We associate the contact with the objects you provided in the objects
array.
Here is an example of the identify
call for HubSpot CRM Custom Object
rudderanalytics.identify(
"userId",
{
email: "[email protected]",
hubspot: {
contactId: "512",
qualifiedName: "p99688696_car",
objects: [
{
objectId: "32921360",
objectType: "car"
}
]
}
}
);
You can get the API Key and Hub ID for Hubspot by logging into your Hubspot account.
Please refer to the following documentations offered by Hubspot for more details:
Yes - page
calls are supported in Device mode and can be used for Hubspot website analytics.
If you come across any issues while configuring HubSpot with RudderStack, please feel free to contact us. You can also start a conversation on our Slack channel; we will be happy to talk to you!