User wants to embed 3rd party code, specific to client

From @kevincrafts

<div id="ci"></div>
<script src="https://careerinsight.burning-glass.com/enroll/scripts/cienroll.js"></script>
<script>
document.body.onload = function() {
var props = {
accessCode: 'f399bb8',
programCode: 'b1bb493e',
elementId: 'ci'
}
openCI(props);
}
</script>

So I confirmed with the department that each code snippet is program specific. There will need to be a different snippet for each academic program on campus - over 100.

However, they are going to pilot with only a few departments this year, so depending on which departments those are will define how many code snippets will be required. Once the pilot is done they want every academic department to use it.

I'm also concerned with accessibility - I can already see some color contrast issues (they do have a high contrast toggle) but I think we should have the accessibility lab look at this as well.

Confirmed this has gone through an accessibility review and passed. #101106 for reference

@kevincrafts and I discussed implementing this via Full HTML blocks for the 6 site pilot. If the pilot is a success, we want to implement this as part of a 2nd party content bundle that can be expanded to handle other types of JS driven content

@kevincrafts In the javascript includes pr #727 there are two ways to 'include' javascript includes (sorry). Which one is best for this: via context or block placement?

For this widget, I think context since it should be applied at the bottom of the page like Google Analytics