You are here: American University Content Publisher Tools Examples Recruit Form Examples

Back to top

Recruit Form Insert via Script Tag

Examples of the Recruit Script in Usage

Script Attributes

id
AU-CTA if only one on page
"AU-CTA" plus something else, i.e. AU-CTA008 if more than one per page. The something else needs to be passed via the src query string's id= parameter
data-recruiter-size
Sizing options for the Recruit form fields and buttons: Large, Medium, or Small
data-recruiter-accent
Color options for the Recruit form button: Red, Green, Blue, Taupe, Teal/Turquoise, Yellow
data-rph
Require Phone Number: 1 for yes, 0 for no.
data-hce
Hide Confirm Email: 1 for yes, 0 for no.
data-heading-text
Whatever text you would like to appear as a header above the form
data-button-style
Any changes to button styling you might want. Though the example is close to our default styles
data-container-style
Any styles you would like to add to the container.
data-inq-src
Additional information you would like passed into the Recruit database's A26 Inquiry Form Source field. Max length 50 characters
data-term
Hide Term of Entry: 1 for yes, 0 for no. 1 is default
src: Required Query Parameters
s= - l for marketing landing pages, p for program pages, wfor Web. Facilitates grouping within Recruit database.
src: Optional Query Parameters
d= - Program Code as stored in Acalog/Colleague/Recruit (i.e. MS.ACCT, MBA.BADM:FULL) If this code returns multiple Recruiter results, override to a specific GUID by adding |{{GUID}}. Supersedes all other options for the Program of Interest field.
id=XXX -- to be used when there is more than one of these per page. Should match whatever was added to the script id attribute.
data-ids
Comma separated list of Program Codes. Populates the Program of Interest dropdown with just those programs. Supersedes School or Department options for the Program of Interest field.
data-depts
Comma separated list of departmental budget code(s). Populates the Program of Interest dropdown with just the programs that are in those department(s). Supersedes School option for the Program of Interest field.
data-school
CAS, KOGOD, SIS, SPA, SOC, or SPEXS. Populates the Program of Interest dropdown with just the programs that are in that school.

Basic Script Example Code

<script id="AU-CTA008"
data-recruiter-size="lg|md|sm"
data-recruiter-accent="rd|gr|bl|tp|tq|yl"
data-rph="1|0" data-hce="1|0"
data-heading-text=""
data-button-style=""
data-container-style=""
data-inq-src=""
language="javascript"
src="https://www.american.edu/customcf/degrees/form/cta.cfm?d=MBA.BADM.FULL|16cf39d2-3339-e411-a54b-005056af4142&id=008&s=l"></script>

Using inq_src Parameter

If you are using these pages for campaigns in AdWords and the like, you can add the inq_src= query parameter to the page in the campaign. Content in this parameter will be passed into Recruiter.

However, since you may want to use many different campaigns and sources, you will need to add the scripts below to the page. These will update the script tags on the page with whatever the new inq_src is.

<script type="text/javascript" src="https://www.american.edu/customcf/2016-redesign/js/parse-uri.js"></script>
<script type="text/javascript">$(function(){var uri = parseUri(window.location.href);var inq = uri.queryKey.inq_src;var $script = $('script[id^="AU-CTA"]');$script.each(function(){$(this).attr('data-inq-src',inq);});});</script>

Recruit Form Insert via iFrame Tag

Examples of the Recruit iFrame in Usage

iFrame src Attribute Query Parameters

f=56b96d2c-bfc7-4f22-ae18-ffbef23a58df
Required. Do not change as this controls which FORM from Recruiter is used.
d=
Optional. This is the GUID for the specific program that you want pre-selected. Supersedes all other options for the Program of Interest field.
ids=
Comma separated list of Program Codes. Populates the Program of Interest dropdown with just those programs. Supersedes School or Department options for the Program of Interest field.
depts=
Comma separated list of departmental budget code(s). Populates the Program of Interest dropdown with just the programs that are in those department(s). Supersedes School option for the Program of Interest field.
school=
CAS, KOGOD, SIS, SPA, SOC, or SPEXS. Populates the Program of Interest dropdown with just the programs that are in that school.
r=
Required. This is the URL-encoded URL that you want to load as Thank You message on submission.
s=
Required. l for marketing landing pages, p for program pages, wfor Web. Facilitates grouping within Recruit database.
sz=
Optional. Sizing options for the Recruit form fields and buttons: Large, Medium, or Small
acc=
Optional. Color options for the Recruit form button: Red, Green, Blue, Taupe, Teal/Turquoise, Yellow
rph=
Optional. Require Phone Number: 1 for yes, 0 for no.
hce=
Optional. Hide Confirm Email: 1 for yes, 0 for no.
term=
Hide Term of Entry: 1 for yes, 0 for no. 1 is default
utc=
Additional information you would like passed into the Recruit database's A26 Inquiry Form Source field. Max length 50 characters

iFrame Example Code

<iframe src="https://applynow.american.edu/Datatel.ERecruiting.Web.External/Pages/
degreeinquiry.aspx?f=56b96d2c-bfc7-4f22-ae18-ffbef23a58df
&d={{GUID}}
&s={{l|p|w}}
&sz={{lg|md|sm}}
&rph={{1|0}}
&hce={{1|0}}
&acc={{rd|gr|bl|tp|tq|yl}}
&r=https%3A%2F%2Fwww.american.edu%2Fcustomcf%2Fdegrees%2Finquiry.cfm%3Ftype%3Dl%26program%3DMBA.BADM.FULL"
height="432px" width="100%"></iframe>





Nothing should appear below because the GUID code sent with the request didn't match the program code sent.