Documentation

# Global Script Overview

This file contains a comprehensive list of JavaScript files inserted on Luminate and AEM pages which are managed by DNL Omnimedia or know to exist.

  • stc-analytics-data-layer.js - the middle layer analytics scripts that is inserted on all https://lo-test.savethechildren.org/site/SPageNavigator/deploymenthome.html, AEM (opens new window), and third-party pages. This scripts is responsible for
    • the creation of the data layer,
    • initial page view execution,
    • propagation of analytics event triggers from other scripts to DTM.
  • stc-apple-pay.js - the script for PageBuilder donation pages (opens new window) that take Apple Pay payments via Blackbaud Payments. Not in use in favor of processing transactions via Brantree.
  • stc-braintree-donation.js - the script is inserted on all donation pages (opens new window) where payment type braintree is enabled. Handles Braintree transaction integration with Luminate which process Venmo, AppelPay, and GooglePay payment methods.
  • stc-credentials.js - the script gets loaded on social media login confirmation and password reset pages. The script is responsible for customizing the display those pages and configuration of analytics parameters and events on those pages.
  • stc-donation-pop-up-authoring.js - the script is loaded on the donation pop-up authoring tool page (opens new window). The script creates the interactive tool that allows Luminate administrators to easily and safely create JSON object for the rescue/exist intent pop-up on donation forms.
  • stc-donation.js - the script that is inserted on all donation pages. It handles
    • all customizations of the standard donation pages,
    • all dynamic interactions of the donation forms,
    • configures form validation settings,
    • adds analytics parameters,
    • sets up analytics events triggers.
  • stc-ecard.js - the script is inserted on e-card pages (opens new window). The script is responsible for
    • customizing the display of e-card pages,
    • addition of analytics parameters,
    • configuration of analytics event triggers.
  • stc-ecommerce.js - the script for e-commerce (opens new window) and sponsorship (opens new window) transactions. The scripts is responsible for
    • customizing the look and feel of the e-commerce home, catalog, product, cart, shipping, billing, review, and thank you pages.
    • It is responsible for monitoring and updating cart status and
    • assists with all combo cart transactions, gift catalog and sponsorship.
    • It also handles all analytics parameter setup and
    • configures analytics event triggers that pertain to all e-commerce pages.
  • stc-event.js - the script that is inserted on all event pages (opens new window). It is responsible for
    • customizing the display,
    • handling all interactions on those pages,
    • addition of analytics parameters,
    • configuration of analytics event triggers.
  • stc-login.js - the script is inserted on the custom login page (opens new window). It is responsible for
    • creation a custom login web app and all of its interactions.
    • It also handles the addition of necessary analytics parameters and
    • configuration of analytics event triggers.
  • stc-member-center - the script is inserted on the supporter center page (opens new window). It is responsible for
    • the creation of supporter center web app,
    • addition of analytics parameters,
    • configuration of the analytics event triggers on the supporter center page.
  • stc-scripts - the global script that get loaded on all pages in AEM, Luminate, and third party pages. This script contains global functionality that is used across all pages. The functionality includes:
    • Main menu interactions.
    • Checkbox and radio inputs styling.
    • Browser quirk fixes and polyfills, scripts that translate newly written JavaScript into an old format that the browser understands.
    • SVG image replacement that enables us to change color of those images with CSS.
    • Basket icon and count display in the header.
    • Iframe resizing based on the screen size.
    • Masonry board (homepage square tiles) activation.
    • Fancybox (overlay pop-up) activation.
    • AddThis activation.
    • Tab interactions.
    • Page alerts interactions.
    • Global form validation scripts.
    • Global customized validation error messages.
    • Global analytics functions for forms, login, social share, video, and most transaction tracking.
    • Login state detection.
  • stc-site-alerts.js - the script for Luminate only page alerts. This scripts creates a dynamic web app of site/page alerts for Luminate pages. In AEM, the same functionality is handled by the CMS configuration.
  • stc-sponsorship.js - the script is inserted on the sponsorship page (opens new window). It is responsible for
    • creating and displaying a list of children that are available for sponsorship.
    • The e-commerce scripts are responsible for addition of children as sponsorship products to the cart.
  • stc-survey.js - the script is inserted on survey and PageBuilder pages (opens new window). It is responsible for
    • formatting the survey,
    • adding in the analytics parameters,
    • adding of the analytics event triggers on survey forms.
  • stc-teamraiser-ambassadors.js - the script is inserted on the TeamRaiser alumni page (opens new window). It is responsible for creating an interactive web app to display alumni.
  • stc-teamraiser.js - the script is inserted on all TeamRaiser event, personal, and team pages (opens new window), except for the participant center. It is responsible for
    • customizing the display registration, personal and team pages,
    • customization of interactions on those pages,
    • addition of analytics parameters & event triggers to those pages.
  • stc-vendor-aem.js - a file that contains multiple dependency scripts (opens new window), including jQuery, fancybox, masonry, lodash, form masking, form validation, and LuminateExtend. This is a smaller file generated for AEM, as it doesn't need as many dependencies.
  • stc-vendor.js - a file that contains multiple dependency scripts (opens new window). This is a larger file generated specifically for Luminate, includes includes all dependencies included in AEM and then a few more which are needed to run many of the Luminate web apps.
  • become_a_fundraiser/js/slideshow.js - a scripts inserted originally by Dean that powers slideshows on the TeamRaiser landing pages (opens new window).

← Global WYSIWYG settings →