Example: Adding a roll call to a 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://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 View Source > 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

The page must have a jquery library in order for the script to work.