Gmail Web Clipper

Hey! Here’s the Gmail web-clipper I used in this blog post

{
"schemaVersion": 3,
"fieldMappings": [
    {
        "fieldName": "Task Summary",
        "fieldType": "singleLineText",
        "defaultValue": {
            "type": "cssSelector",
            "opts": {
                "cssSelector": ".hP"
            }
        }
    },
    {
        "fieldName": "Assignee",
        "fieldType": "singleCollaborator",
        "defaultValue": {
            "type": "none",
            "opts": null
        }
    },
    {
        "fieldName": "Description",
        "fieldType": "multilineText",
        "defaultValue": {
            "type": "cssSelector",
            "opts": {
                "cssSelector": ".hx"
            }
        }
    },
    {
        "fieldName": "Assets",
        "fieldType": "multipleAttachments",
        "defaultValue": {
            "type": "none",
            "opts": null
        }
    },
    {
        "fieldName": "Comments",
        "fieldType": "multilineText",
        "defaultValue": {
            "type": "selectedText",
            "opts": null
        }
    },
    {
        "fieldName": "Tags",
        "fieldType": "multipleSelects",
        "defaultValue": {
            "type": "none",
            "opts": null
        }
    },
    {
        "fieldName": "Urgency",
        "fieldType": "singleSelect",
        "defaultValue": {
            "type": "none",
            "opts": null
        }
    },
    {
        "fieldName": "Status",
        "fieldType": "singleSelect",
        "defaultValue": {
            "type": "none",
            "opts": null
        }
    },
    {
        "fieldName": "Category",
        "fieldType": "singleSelect",
        "defaultValue": {
            "type": "none",
            "opts": null
        }
    },
    {
        "fieldName": "Hours Spent",
        "fieldType": "number",
        "defaultValue": {
            "type": "none",
            "opts": null
        }
    }
]

}

Having a hard time sorting out the selector that would pull the Date/Time the gmail was received - any suggestions?

So - It’s a weird one, and there’s a few problems.

  1. Airtable don’t support date in the webclipper (yet)
  2. Gmail has tonnes of weird logic that will stop this scaling without creating counter logic in the web-clipper
  3. That being said, the workaround for this would be:
    *Set the Field as a string
    *Use the CSS selector .g3

…See below

{
"schemaVersion": 3,
"fieldMappings": [
    {
        "fieldName": "Task Name",
        "fieldType": "singleLineText",
        "defaultValue": {
            "type": "cssSelector",
            "opts": {
                "cssSelector": ".hP"
            }
        }
    },
    {
        "fieldName": "Assignee",
        "fieldType": "singleCollaborator",
        "defaultValue": {
            "type": "none",
            "opts": null
        }
    },
    {
        "fieldName": "Description",
        "fieldType": "multilineText",
        "defaultValue": {
            "type": "cssSelector",
            "opts": {
                "cssSelector": ".hx"
            }
        }
    },
    {
        "fieldName": "Assets",
        "fieldType": "multipleAttachments",
        "defaultValue": {
            "type": "none",
            "opts": null
        }
    },
    {
        "fieldName": "Tags",
        "fieldType": "multipleSelects",
        "defaultValue": {
            "type": "none",
            "opts": null
        }
    },
    {
        "fieldName": "Urgency",
        "fieldType": "singleSelect",
        "defaultValue": {
            "type": "none",
            "opts": null
        }
    },
    {
        "fieldName": "Status",
        "fieldType": "singleSelect",
        "defaultValue": {
            "type": "none",
            "opts": null
        }
    },
    {
        "fieldName": "Category",
        "fieldType": "singleSelect",
        "defaultValue": {
            "type": "none",
            "opts": null
        }
    },
    {
        "fieldName": "Hours Spent",
        "fieldType": "number",
        "defaultValue": {
            "type": "none",
            "opts": null
        }
    },
    {
        "fieldName": "Customer Satisfaction",
        "fieldType": "singleLineText",
        "defaultValue": {
            "type": "none",
            "opts": null
        }
    },
    {
        "fieldName": "Date Recieved",
        "fieldType": "singleLineText",
        "defaultValue": {
            "type": "cssSelector",
            "opts": {
                "cssSelector": ".g3"
            }
        }
    }
]

}

2 Likes