Add HubSpot tracking integration to GitBook space

[cybersyn-christian]

I would like to HubSpot tracking to my GitBook space. This requires adding a javascript block like this one to each page on the site:

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

This does not seem to be possible with integration permissions, as they don't allow javascript integrations.

Adding an integration that does this would make it possible to integrate HubSpot tracking with our public site. This would make public usage of the site more visible to us and help us understand what parts of the site are used most frequently.

[addisonschultz]

Hey @cybersyn-christian! Great request 😄 In fact, our community has just finished making this integration! A big shout out to the Tabnine team.

You can already install it into your own team. Using the following link format:

https://app.gitbook.com/o/<organization_id>/integrations/hubspot

You can find your organization ID in the URL when working in GitBook, behind the /o/ identifier in the URL. More info on that here: https://developer.gitbook.com/getting-started/concepts#less-than-organizationid-greater-than

Hope this helps!

[nimrod-codota]

I tried adding the full url and it did not work for me.

sorry about that. GitBook made some platform changes and asked me to implement them but I'm caught up, please feel free to PR those into my branch or branch out of mine. You will need special permissions to be able to test it though.

[addisonschultz]

Hi @Jagjeet229 - thanks for your patience.

I've updated the integration here, and you can install the new version here: https://app.gitbook.com/integrations/gitbook-hubspot

Thanks @nimast @nimrod-codota for your help on this so far. I've left comments in the original PR if you ever get around to updating it.

[nimrod-codota]

tysm @addisonschultz ! I couldn't see any comments on the PR, but if this is now officially supported from GitBook by popular demand that's awesome. I went ahead and removed our integration and installed yours, please let me know if there's anything else required on my end 🙏

[addisonschultz]

@Jagjeet229 - do you think you could test this integration by installing it to your organization, and letting me know if it works?

https://app.gitbook.com/integrations/gitbook-hubspot

[Jagjeet229]

Hey @addisonschultz, I'll test and let you know. Thanks

[danros]

I have installed the new integration but I am seeing this error:

Uncaught ReferenceError: u is not defined
    at HTMLDocument.loadScScript (script.js?version=3.m1unx47:2:5)

Problem is here:

function loadScScript() {
    if (!u.getElementById(b)) {

[addisonschultz]

I've just updated this again - can you let me know if it's working now?

[Zijian-Zhu]

Hi, I installed the new intergration to my site and page with inputing only <TRACKING_ID> into configuration. But I did not find my tracking id under page source or inspect -> network based on https://knowledge.hubspot.com/reports/how-do-i-know-if-my-hubspot-tracking-code-is-working.

I do found the my tracking id under source -> v1/intergrations -> gitbook-hubspot. But I saw a red cross for

if (!document.getElementById(b)) {

The error is following

Uncaught ReferenceError: b is not defined
    at loadScript (script.js?version=4.m2urtev:2:34)
    at script.js?version=4.m2urtev:23:9
    at script.js?version=4.m2urtev:25:3

I am not sure hubspot intergration is working or not. Please take a look thx

[addisonschultz]

Just made another update - can you try it again for me? 😄

[Zijian-Zhu]

Thank you, I find my tracking id now

[ewgenius]

Hello @addisonschultz, thanks for the integration! I've installed https://app.gitbook.com/integrations/gitbook-hubspot on our website and it works, but there is an issue with gitbook dark mode - hubspot chat iframe has white background.

This can be solved with css, but there is no official way to add custom code to gitbook.
https://community.hubspot.com/t5/Tickets-Conversations/Unwanted-background-behind-chat-widget/td-p/667587

#hubspot-messages-iframe-container {
  color-scheme: light;
}

Is there any way to add this into the integration?

[yangxiling]

I installed the integration, but I entered the content wrongly the first time. I filled in all the content of src, //js.hs-scripts.com/<TRACKING_ID>.js.

My page reported a 404 error when loading the hubspot tracking code. Request address:
https://js.hs-scripts.com/%3Cscript%20type=%22text/javascript%22%20id=%22hs-script-loader%22%20async%20defer%20src=%22// js.hs-scripts.com/22114441.js%22%3E%3C/script%3E.js

I modified the content in the integration to only have TRACKING_ID, but it has not been updated when the page is loading.

May I ask what might be the reason for this