Reach Goal

Hi @nitrat,

Please stop mixing languages. You previously mixed HTML and JavaScript, and now you’re mixing JavaScript with PHP. This won’t work. Mixing languages ​​causes errors.

JavaScript code should be added to the file with the extension .js
Do you have any custom JS file that you can edit?

If you want to add JavaScript code to the functions.php file, then you must wrap it into PHP code, see example:

// Add custom code to the footer.
add_action( 'wp_footer', function () {
  ?>
  <script type="text/javascript">
		// Call custom code on the registration form submit button click.
		jQuery('.um-register input[type="submit"]').on('click', function () {
			ym(57238201,'reachGoal','um-submit-btn');
			return true;
		});
  </script>
  <?php
}, 20 );

Regards

Hello @nitrat,

I inspected your registration page. The way you added this code snippet is wrong. A new line between the comment and the code is lost. See screenshot here: https://ibb.co/yctG9ZtV

Try the simplified version, which doesn’t have any comments at all.

add_action( 'wp_footer', function () {
  ?>
  <script type="text/javascript">
		jQuery('.um-register input[type="submit"]').on('click', function () {
			ym(57238201,'reachGoal','um-submit-btn');
			return true;
		});
  </script>
  <?php
}, 20 );

Regards

Hello @nitrat,

Your code seems odd, it doesn’t look like Google Analytics code. Is this code related to a service called Yandex Metrika? I can’t help you with this little-known service. You’ll need to verify this code yourself: ym(57238201, 'reachGoal', 'um-submit-btn');

But I can confirm that this code is triggered when the “Регистрация” button in the form is clicked. The code makes a request:

https://mc.yandex.com/clmap/57238201?page-url=https%3A%2F%2Fpojeni.ru%2Fregister%2F&pointer-click=rn%3A858949155%3Ax%3A47027%3Ay%3A33464%3At%3A161%3Ap%3APAA2FAAAAAA1AAAA1A%C2%841A%3AX%3A685%3AY%3A862&hidv2=351791990059565070&browser-info=u%3A1770208763148561957%3Av%3A2360%3Avf%3A6g20vg83qczf8bl2dhx6zh0rnscez%3Arqnl%3A1%3Ast%3A1770209194&t=gdpr(14)ti(1)

I tested this on your website, see a screenshot of the test here: https://ibb.co/xtjgXygt

Regards

Hi @nitrat,

Use the form submit event instead the button click event. But changing the event does not solve a problem because the form may be submitted with empty fields. You need to validate the fields in your code. The code for validating the fields may differ depending on your fields. Here’s a simple example:

add_action( 'wp_footer', function () {
  ?>
  <script type="text/javascript">
		jQuery('.um-register form').on('submit', function (event) {
			var emptyFields = [];
			jQuery(event.target).find('.um-field :input').each(function(i,item){
				if ( ! item.value ) {
					emptyFields.push(item);
				}
			});
			if ( 0 === emptyFields.length ) {
				ym(57238201,'reachGoal','um-submit-btn');
			}
			return true;
		});
  </script>
  <?php
}, 20 );

Regards