On-site Qualtrics Survey

On-site qualtrics survey to conduct user research.

on-site survey example

-----------

<div class="survey-tab" tabindex="0"><a href="https://harvard.az1.qualtrics.com/someurl" target="_blank">Help Us Improve Our Website</a></div>

The Best Way to Clear Facebook’s Open Graph Cache

The easiest way to clear out Facebook’s open graph cache is to use their debugging tool: https://developers.facebook.com/tools/debug/

You’ll need to enter your page’s URL, hit ‘debug’ and then on the next page, hit ‘fetch new scrape information.’

Accessible friendly - push content off screen

position: absolute !important;
clip: rect(1px 1px 1px 1px);

Simple Vertical timeline

<div class="timeline">
  <div class="container left">
    <div class="content">
      <h2>2017</h2>
      <p>Lorem ipsum..</p>
    </...

Display "Email" instead of profile email address in teaser

// PEOPLE LOP SHOW EMAIL AS LINK LABEL INSTEAD OF EMAIL ADDR

jQuery('.people-lop-lrg-pic .field-name-field-email a').text('Email');

people lop email label

JS Changing Title & Breadcrumbs and More

The following changes the page title to "Publications" and changes the breadcrumbs to "Home / Resource Library" w/ their corresponding links:

<script type="text/javascript">

var PageTitle = 'Publications' ;

//DO NOT EDIT BELOW THIS
document.getElementById("page-title").innerHTML = PageTitle;

var txt = document.getElementsByClassName("breadcrumb")[0].innerHTML;
var txt1 = '<a href=\"https://hwpi.harvard.edu/govlabs/home">Home</a>' + '<span> / </span>' + '<a href=\"https://hwpi.harvard.edu/govlabs/resource-library">Resource Library...

Responsive iFrame

https://blog.theodo.fr/2018/01/responsive-iframes-css-trick/ Read more about Responsive iFrame

Javascript Redirect

Add the following code to an Embed Media widget
Swap out link that want it to redirect to
- make sure to add the following GA query string so Joe can track it: ?utm_source=os&utm_campaign=redirect_analysis
Get rid of any widgets in the layout on the site
Paste in all sections of site at top of layout
mark in spreadsheet so can track redirects: https://docs.google.com/spreadsheets/d/1lykJfpWp-eEcAcrPzYKWskpxRc9oHyxpil8aEUmXRUs/edit?usp=drive_web&ouid=...

Content