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.

CODE

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></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:

var dataUrl = ‘https://xx.engagingnetworks.app/ with us.engagingnetworks.app or ca.engagingnetworks.app depending on your server location.

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

yyyyyy with your campaign ID.

Campaign ID is not the same as Page ID. You can find it by right clicking on the page > select Inspect > scroll to the bottom of the page > Look under </html> tag for content inside <!– Page NAME -0423-c3:51461:115614:10053 –>

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

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

CODE

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:

CODE

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