katiegoldsmith’s gists

cougrimes / marketo-form-confirmation.html

Created October 20, 2017 20:41

Show message on same page after successful form submission.

	<div class="container">
	<script src="//app-abc.marketo.com/js/forms2/js/forms2.min.js"></script>
	<form id="mktoForm_27"></form>
	<script>MktoForms2.loadForm("//app-abc.marketo.com", "123-ABC-456", 1);</script>
	<div id="confirmation" aria-hidden="true" style="display:none;">
	<p>This is a sample thank you message. Thanks for viewing.</p>
	</div>
	</div>
	<script>
	MktoForms2.whenReady(function (form){

cougrimes / marketo-form-ga.js

Created October 20, 2017 20:29

Send Google Analytics event on Marketo form submission

	MktoForms2.whenReady(function(form) {
	form.onSuccess(function(vals, page) {
	ga('send', 'event', {
	eventCategory: 'Marketo Form',
	eventAction: 'Form Submission',
	eventLabel: formName,
	hitCallback: function() {
	document.location.href = page;
	};
	});

cougrimes / NormalizeMktoForms.css

Last active December 23, 2024 08:58

Marketo Form Normalizer--making things actually responsive.

	.mktoForm, .mktoForm .mktoFieldWrap, .mktoForm .mktoHtmlText, .mktoForm input, .mktoLogicalField .mktoCheckboxList, .mktoRangeField, .mktoRangeValue {width:100% !important;}
	@media only screen and (min-width:480px) {
	.mktoFormCol:first-child:nth-last-child(2), .mktoFormCol:first-child:nth-last-child(2) ~ .mktoFormCol {width: 100% !important;}
	.mktoFormCol:first-child:nth-last-child(3), .mktoFormCol:first-child:nth-last-child(3) ~ .mktoFormCol {width: 50% !important;}
	.mktoFormCol:first-child:nth-last-child(4), .mktoFormCol:first-child:nth-last-child(4) ~ .mktoFormCol {width: 33.3333% !important;}
	.mktoFormCol:first-child:nth-last-child(3) ~ .mktoFormCol {padding-left: 0.3em !important;}
	}
	@media only screen and (max-width:480px) {.mktoFormCol {width:100% !important;}}
	.mktoAsterix{display:none !important;}
	.mktoForm .mktoGutter {display:none !important;}

cougrimes / utm-parser-marketo.js

Last active November 8, 2022 14:36

UTM Parser for Marketo

	//First, let's get the URI and have it split out all parameters

	var getURLParams = function() {
	var temp = {};
	document.location.search.replace(/\??(?:([^=]+)=([^&]*)&?)/g, function() {
	var decode = function(s) {
	return decodeURIComponent(s.split("+").join(" "));
	};
	temp[decode(arguments[1])] = decode(arguments[2]);
	});