Adding a roll call to an Engaging Networks or external page

If you would like to return a Roll Call of participants of an Advocacy action, you can use the following HTML code.

<script src="https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1/jQuery-v3.6.0.js?v=1645177557000"></script>
<script src="https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1913/enRollCall-simple1.0.js?v=1553023950000" ></script>
<script>
  $(function(){
    var dataUrl = 'https://ca.engagingnetworks.app/ea-dataservice/data.service?service=RollCall&token=xxxxxx-xxxxx-xxxxx-xxxxxxxxx&campaignId=yyyyyy&dataSet=2&contentType=json'; 
    var count = 10;
    executeRollCall(dataUrl,count); 
  });
</script>
<div id="rollCall" >&nbsp;</div>

Place this on your page where you would like the RollCall to appear.

You’ll need to replace:

xxxxxx-xxxxx-xxxxx-xxxxxxxxx with your own public token

yyyyyy with your campaign ID.

The rows will appear in the div with the id “rollCall”.

You can control how many rows are returned by changing this section:

var count = 10;

Change 10 to the number of rows you would like to return.

You can also change what data is returned:

• dataSet=1 will return first name and country
• dataSet=2 will return first name and town

Please note: the roll call this code returns is not styled, so some CSS will be required.

If you are placing this on an Engaging Networks page, or in fact any page where jQuery is already loaded, then this line is not required:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>