Gmail Web Clipper

[Andrew_Wingrave]

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

For The Record – 15 Oct 19

Introducing web clipper block

With our new web clipper block and browser extension, you can send links, images, and more from all over the web directly into a base structured to fit your specific needs.

{
"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
        }
    }
]

}

[Chris_Conley]

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

[Andrew_Wingrave]

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"
            }
        }
    }
]

}