Skip to main content
All CollectionsSetting Up DubBot (for Administrators)Third Party Integrations
DubBot Drupal Module
DubBot Drupal Module

See your DubBot results in your Drupal installation.

Updated over a week ago

Users can view a simplified version of the DubBot interface while working on pages inside Drupal. Setup is easy, and our team is ready to show off a demo of the module by request.

In this article...

DubBot Module Settings

Note: The admin of your Drupal site will have to complete the module setup.

To get started, contact DubBot Support at help@dubbot.com to request an embed key. Once the Drupal admin has the embed key, use the following steps to finish configuration:

  • Navigate to the settings page in Drupal (/admin/config/content/dubbot/settings).

  • Fill out the form with the embed key and how the report is to be positioned.

  • Save the configuration.

  • Once a site is configured correctly, the overview report will be generated at (/admin/config/content/dubbot).
    ​

A screen capture of the settings page for the DubBot module inside Drupal. The form includes a text input field for the embed key, as well as three radio buttons for selecting the DubBot Report position labelled Modal, Side, and Top. The form submit button reads Save Configuration.

DubBot Block Configuration

The DubBot interface will appear as a customizable block. Admins can add the DubBot block via the Block Layout page in Drupal. In our demonstration photos for this article, the DubBot block can be seen on the right-hand side of the window.
​
​

Block settings for the DubBot module in Drupal. The block description reads DubBot Report. There are input fields for Title, which is a required field, a checkbox to display title, an input field for DubBot link color, which is a required field, input fields for visibility including pages, roles, content type and vocabulary, which all have radio buttons for "Show" or "Hide." A drop down menu to select where to display the block in the Drupal window, with the default value of "Social Bar." The submit button is blue with white text and reads "Save Block." To the right is the delete button which is red text that reads "Remove block" with a red trashcan icon to the left of the text.

DubBot Module in Action

At the top and left of each page, a DubBot toolbar button will appear, and can be used to bring the user into the DubBot module block.

The block will appear on the selected page(s) and present a summary of the issues that are pulled from the page crawl information for that page in DubBot. This information will include the total issue count, the last crawl date, a tab for each testing category with details about the corresponding issues, and a link to view the page in DubBot.

A screen capture of a page in Drupal with the DubBot module block displaying to the right.

DubBot Results Block

The DubBot Report block first shows issues found by category in a compressed format and then expanded when selected.

DubBot module block in Drupal. Two errors are highlighted - Elements must meet enhanced color contrast ratio thresholds and Links must be distinguishable...both have a yellow button with black text next to the error definition. The button reads "serious"

DubBot module block in Drupal with the error "Elements must meet enhanced color contrast ratio thresholds" expanded to show that it is WCAG 2 Level AAA 1.4.6. The next paragraph reads Ensures the contrast between foreground and background colors meets WCAG 2 AAA enhanced contrast ratio thresholds. 8 elements: Failure Summary: Fix any of the following: Element has insufficient color contrast of 5.02 (foreground color: #1475ad, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 7:1

DubBot only crawls public pages. If you have pages in your CMS that have not been published, the DubBot block will not show, as there is no corresponding report for that page in DubBot.

Highlighting of Issue Location

When selecting a specific issue title, the location of the issue selected will be highlighted in the page.

A red arrow pointing from the issue title which reads Elements must meet enhanced color contrast ratio thresholds to the red box highlighted issue within the page in Drupal.

Set View Permissions per DubBot Category / Tab

To set role-based permissions for category tab viewing, Drupal admins should add "/admin/people/permissions" to their CMS URL to access the Permissions panel for the DubBot module within their Drupal instance.

From there, admins can grant tab viewing permissions by selecting the appropriate box each for each configured role for the following:

  • View DubBot Accessibility Tab

  • View DubBot Best Practices Tab

  • View DubBot Broken Links Tab

  • View DubBot SEO Tab

  • View DubBot Spell Check Tab

  • View DubBot Web Governance Tab

The checkboxes for user roles are unchecked by default, indicating that permission to view issue tabs has not been granted. All checkboxes for admin permissions are checked by default and grayed out.

DubBot module permissions interface, showing the ability to enable the viewing of the various tabs in the DubBot module.

DubBot Module Overview of Results

The module also has an overview page where users given permission can see a higher-altitude version of the data from DubBot. This page is automatically generated and will include information such as Page name, issues count, date of latest crawl, and a link to either view the page report in Drupal (default) or view the page in DubBot if the drop-down menu is opened.

A screen capture of the DubBot overview page. Includes page titles, issues count, last crawl date, and a column called Operations that contains the button to View Report.

Selecting "View Report" will take the user to that page's DubBot block, as shown below.

A screen capture of the DubBot Report page with the link highlighted to View in DubBot.

Check out the DubBot Module on the Drupal site!

If you have questions, please contact our DubBot Support team via email at help@dubbot.com or via the blue chat bubble in the lower right corner of your screen. We are here to help!

Did this answer your question?