Comments (11)
Do the pages that you're trying to share have the proper meta data defined in the head element?
from canvas.
This head element
from canvas.
Are you using Canvas UI or using your own template?
from canvas.
using Canvas UI sir, Laravel 8.
from canvas.
and one more thing if the article that we have published we convert it to draft, in the front view of canvas-ui if the tags or topic section of the article is still visible it should not be visible because it has already been drafted.
from canvas.
Looks like the same issue as #1187
As for the draft still being visible, it might be a timezone issue. Can you verify that the post you don't want visible has a published_at
date in the future?
from canvas.
timezone set Asia/Jakarta. This problem is not urgent, but the urgent issue that I have made is why the thumbnail image or title on Facebook or Twitter doesn't appear.
from canvas.
I believe I've found the issue. In your ShowPost
component that's in resources/js/canvas-ui, update your metaInfo()
definition:
// From this
{ property: 'og:title', content: this.post?.meta?.title || null },
{ property: 'og:image', content: this.post?.featured_image || null },
{ property: 'og:description', content: this.post?.meta?.description || null },
// To this
{ name: 'og:title', content: this.post?.meta?.title || null },
{ name: 'og:image', content: this.post?.featured_image || null },
{ name: 'og:description', content: this.post?.meta?.description || null },
Re-compile the assets and try scraping the URL again.
from canvas.
from canvas.
I tried scraping this URL myself on Facebook and Twitter. Neither render works - and Facebook actually gives a bit more info on the raw data that was scraped:
<!DOCTYPE html>
<html lang="id">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="csrf-token" content="pDDF5yPTfxlMHhzYA0fByQnXELnpsALEqBlwHD2V">
<title>Blog</title>
<link rel="stylesheet" type="text/css" href="/css/canvas-ui.css">
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link rel="stylesheet" href="//fonts.googleapis.com/css2?family=Karla&family=Merriweather:wght@400;700&display=swap">
<link rel="stylesheet" href="//cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/github.min.css">
</head>
<body class="mb-5">
<div id="ui">
<router-view></router-view>
</div>
<script>
window.CanvasUI = {"canvasPath":"canvas","user":null,"timezone":"Asia\/Jakarta"};
</script>
<script type="text/javascript" src="/js/canvas-ui.js"></script>
</body>
</html>
The Vue app isn't being resolved by the time the scrape finishes, so no metadata is found.
from canvas.
So, what should I do?
from canvas.
Related Issues (20)
- Change the canvas-ui page title HOT 2
- /canvas-ui is blank HOT 6
- Save full path of images with domain appended to it HOT 4
- how to deploy to vercel or netlify? HOT 1
- how to use spatie pkg https://github.com/spatie/laravel-export with canvas for static site HOT 2
- Is there an artisan command to regenerate an admin user? HOT 1
- Endless loop HOT 2
- How to remove /canvas-ui from url? HOT 1
- Embed Code content doesn't use <pre> tag
- Empty CANVAS_PATH breaks the image uploads HOT 1
- PostStats@getDefaultFavicon returns an error
- is it possible to add new page/module like posts and tags module? HOT 1
- Migration guide from themsaid's wink to canvas
- Ability to create Page HOT 2
- Addin a RSS Feed URL for Post Feed
- Adding a sitemap.xml URL for SEO
- GCP Cloud Storage Bucket with Laravel Spatie HOT 7
- Vendor folder gives 404 HOT 3
- Does not work if you have Vue3 installed HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from canvas.