Track resume with GTM + Heroku + Github + SendGrid [Part1]

    3 minute read
    , , ,

    At the beginning of the search for the best tool or way to track my CV, I found a lot of sites and tools, some of them are expensive and some are free. After a lot of experience, I could not find a better than DocSend. It features every detail you need, allows you to know when your CV was opened and whether it was downloaded or not, how long did you read in the CV, which page you focused on or spent the most time on, and many other details. But the site was at first almost completely free, and now it has a more professional version, and the free version is completely limited.

    I started looking for an alternative and didn’t find anything. So I decided to see how these things work and try to make my mini model, and it will be more stable. I found a way to track it through Google Analytics, you will be able to fully track your site and know from where the users are opened on the site and know which page has been visited and the user from which countries.

    But I faced a problem in determining at what time the site or a particular page was opened. Then I started searching again and found the best invention to track the behavior of your site, which is Google Tag Manager, through which you can control everything on your site.

    Google Tag Manager is simply a tag and a trigger. Tag is the thing you want to be done. Trigger is the sensor, sense event then the tag will be executed.

    So back to the problem I was facing, which is determining at what time the CV was opened. Through Google Tag Manager, I created the trigger when the resume page was opened, the tag was executed. The tag is a javascript code that is sent at the current time with google analytics, and from here I was able to solve the first problem I faced.

    Then the ideas started to come accordingly, including there was a problem with google analytics, and there was a delay in responding.

    I wanted something more reliable and quick response. I decided to dispense with google analytics.

    I used gtm with an external server instead of sending it to google analytics. This is because the GTM response speed is very high.

    I had two choices:

    • The first is that gtm is sent to the email
    • The second is that gtm is sent to the Github repo

    After I got what I wanted, I decided to combine them

    And now we come to explaining the implementation step by step

    Tools Used:

    Google Tag Manager

    First, create an account in google tag manager Log-in with google account then follow these steps to initialize gtm

    After adding your website to google tag manager Copy code(1) and paste in head tag on your website code and code(2) in body tag

    Now we will create a new trigger

    Select trigger type [Page View] Page View: means when page open

    Here we want to track only the CV page that URL contains a specific title

    After that create a new tag

    Choose the trigger you created

    Select tag type [Custom HTML]Custom HTML: you can run HTML code when trigger firedWe will use it to run javascript code

    We will explain the code in [Part 2]({{page.url | replace:‘part1’,‘part2’}}){: .underline} because it depends on other things.

    Finally, publish changes to effect on your website

    Now we come to the back-end app part, we continue in the [Part 2]({{page.url | replace:‘part1’,‘part2’}}){: .underline .text-green-500}