Gravity Forms Elements Trigger Configuration (Follow-on Question)

I previously submitted a question under the following topic which I think I closed too quickly:

https://generate.support/topic/gravity-forms-elements-trigger-configuration/

Revisiting that question, prior to GeneratePress, we used the following code block in Google Tag Manager which listened for Gravity Forms submissions:

<script type="text/javascript">
  jQuery(document).ready(function() {
   jQuery(document).on("gform_confirmation_loaded", function(event, formID) {
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
     'event': 'formSubmission',
     'formID': formID
    });
   });
  });
</script>

Given its script structure, this didn’t work with GeneratePress, so we decided to load it using a hook element.

Keep in mind that this block of code was part of the Google Tag Manager hook that we load as an element in the header.

We’ve separated it from the Tag Manager code, but Ying said this block should be loaded in the footer. Is this right? If it would have been loaded in the head with the GTM code, isn’t it logical that it should be loaded in the head by itself? Or am I missing something about code placement?

Thank you,
Ted