richiricheh

OK
I followed those directions and the inner scrollbar went away.

On the PROD site though the settings and behaviour is not the same and I have the same issue with the new Plugin as I mentioned. I am going to deactivate the new plugin but you will notice that when I use the old popups plugin there are NO scrollers at all. the form loads and when the page is scrolled the form scrolls.

This is what it looks like with the new plugin:

View post on imgur.com

This is what it looks like with the old:

View post on imgur.com

I hope this helps differentiate the two scrollbars I am/was referring to. You will note that as I stated above the inner scrollbars are gone now, outter ones are not.

**EDIT** The two images I showed above were for the following URL:
https://hgrgp.ca/our-legal-team/sean-ainley/

Same settings and no other changes other than plugin swap.

• This reply was modified 4 years, 6 months ago by richiricheh.

URL: https://sandbox.hgrgp.biz/our-legal-team/sean-ainley/
Below the profile link there is a popup email link.

compare the above to…
URL: https://hgrgp.ca/our-legal-team/sean-ainley/

You’ll note that on the second link there there are no scrollbars. Also when you scroll the page the form is scrolled up and down. When the form is filled out and auto-closes the page behind then scrolls as it should.

OK – perfect.

With the new plugin I am trying to find out is how I can make the feel of the pop-up the same as the old one. When I convert the old pop-ups into the new plugin all of my pop-ups show scrollbars & the pop-up remains static when the page scrollbars are moved.

in order to have the pop-up scroll with the page scrollers is that a premium feature in the new plugin?

I cannot agree more. Where the failings are (IMO) is the ease in which tracking is done. All of the right hooks seem to be there but the code snippets and documentation which I have found thus far have made non standard form tracking a pain in the rear. That said it is a free plugin and works well.

Neil sent and submitted a very good link. A few direct things which might help:

1. DO NOT have the email come form the form submitter’s email address. This is covered in the link which Neil sent but if you read this first I think this may be the cause.

2. If the forms are intended to be sent to an internal email for processing it is a good idea to modify your SPF records to include your email sources.

I was never able to get the code which was found on the site working nor was I able to get the code from other threads working. Now I did note that the Plugin which I did install which I have gotten working for this uses the ‘SENT’ action item rather than Submit. All attempts to use Submit have yielded a blank (‘NOT SET’) GA Label upon form submission.

Frustrating when the DOM plugin is so inflexible and the supplied code as well as my own mods to it have only yielded poor results. Particularly when the previous solution was doing exactly what we needed it to.

Thank you for your prompt reply. Sounds like I have some digging to do. Great plugin BTW does exactly what I want. If I might offer one suggestion:

allow a settings page to turn on or off which events get sent.

I cam across this in a different post. It might help others so here it is:

function mycustom_wp_footer() {
?>
<script type=”text/javascript”>
document.addEventListener( ‘wpcf7mailsent’, function( event ) {
if ( ‘####’ == event.detail.contactFormId ) {
location = ‘https://yourcoolwebsitehere.ca/content/’;
}
}, false );
</script>
<script type=”text/javascript”>
document.addEventListener( ‘wpcf7mailsent’, function( event ) {
if ( ‘####’ == event.detail.contactFormId ) {
location = ‘https://yourcoolwebsitehere.ca/content2/’;
}
}, false );
</script>
<?php

Add the above to the bottom of your fuctions.php page. To add additional forms to the “list” copy the code below and insert it just above <?php. Also replace the #### with your form ID.

<script type=”text/javascript”>
document.addEventListener( ‘wpcf7mailsent’, function( event ) {
if ( ‘####’ == event.detail.contactFormId ) {
location = ‘https://fullsiteaddress.com/content/’;
}
}, false );
</script>

Hope this helps

Apologies. This probably should be re-posted in the CF7 forum. Your response, while not what I was asking for, is appropriate as the DOM tracking plugin is limited to only the information you mentioned.

You’re miss reading what I wrote.

I will simply just provide an example as I believe it will make far more sense.

The firm I work for has 20 Lawyers. Each Lawyer has their own contact form as the recipients differ form Lawyer to Lawyer. Now in the older itterations of CF7 I was able to use the ON sent OK and submit something which looked like this:

on_sent_ok: “ga( ‘send’, ‘event’, ‘Contact Form’, ‘submit’, ‘Contact Form-LawyerName’, ‘1’ );”

This then allowed me to track WHICH lawyer had the form submission and also allowed us as a firm to see groupings of our lawyers who were being contacted. Now fast forward to today.

The code I have added per your site is the following. Adding this to the bottom of functions.php:

	
//CF7 Forms & DOM

add_action( 'wp_footer', 'hgrgp_cf7_DOM_formtrack_footer' );
 
function hgrgp_cf7_DOM_formtrack_footer() {
?>
<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
   
                 //Lawyer 1 Contact Form
    if ( '####' == event.detail.contactFormId ) {
        ga( 'send', 'event', 'Contact Form', 'submit', 'Lawyer1-Contact', '1' );
   }
	        //Lawyer 2 Contact Form
    elseif ( '####' == event.detail.contactFormId ) {
        ga( 'send', 'event', 'Contact Form', 'submit', 'Lawyer2-Contact', '1' );
   }
	        //Lawyer 3 Contact Form
    elseif ( '####' == event.detail.contactFormId ) {
        ga( 'send', 'event', 'Contact Form', 'submit', 'Lawyer 3-Contact', '1' );
   }
	 	//Lawyer 4 Contact Form
    elseif ( '####' == event.detail.contactFormId ) {
        ga( 'send', 'event', 'Contact Form', 'submit', 'Lawyer 4-Contact', '1' );
   }
}, false );
</script>
<?php
}

The ####’s above are the contact forms which correlate to each lawyer. Now when I go into my GA I do not see any detail past the Event Action. Everything else is showing as not set.

You will also note that what I am attempting here has ZERO GPDR implications as the information which is being passed along is internal and organizational data and is not attempting to track the submitter of the form.

Hello,

I am having the exact same error on my site. I replaced the code above and tried to re-activate the plugin. I received the following error:

Parse error: syntax error, unexpected ‘||’ (T_BOOLEAN_OR) in …/cf7-submission-dom-tracking/contact-form-7-s-dom-tracking.php on line 20