getgrav / grav-premium-issues

Official Grav Premium Issues repository to report problems or ask questions regarding the Premium products offered.
https://getgrav.org/premium
7 stars 2 forks source link

[seo-magic] Unable to save specific image for preview #365

Open mariekreativ opened 1 year ago

mariekreativ commented 1 year ago

After the last update, the issue of not being to save a specific image persists. The plugin is up to date, as is the admin panel.

https://github.com/getgrav/grav-premium-issues/assets/10570878/27c1ae65-2255-4dc1-9028-aa94ea5204b9

blizam commented 1 year ago

I'm having this issue as well, specifically trying to set a fully qualified URL (vs just a filename in the field)

The /seomagic-image/ url continues to use what's set in the plugin's settings (first image in folder in my case)... I cannot override that with a specific image on a given page as @mariekreativ shows above

rhukster commented 1 year ago

I shall investigate.. thanks.

rhukster commented 1 year ago

From my testing this works 100% fine.. I even tried in German with the same image name as you. What i did notice is this image is cached pretty heavily by the browser, so you might have to SHIFT-reload the browser to see the change. Also if you view teh page source, and find the path, try loading that in your browser (maybe shift-reload that too).

For example:

https://localhost/test-site/de/test/page/seomagic-image
blizam commented 1 year ago

Can the specific image field be used on a fully qualified URL... pointing to an image elsewhere on the server/site or is this option limited to only files within the page's folder? It's not working for me currently.

I need to be able to set specific meta images on specific pages and unfortunately if I manually set an og:image tag in the normal Grav page settings it's output in addition to the og:image tags that SEO Magic generates (whereas if I set a normal 'description' tag in Grav that takes precedence)

mariekreativ commented 1 year ago

Might it be an interference with some other plugins?

These are the plugins I'm currently using:

Admin Panel v1.10.42 Email v4.0.1 Error v1.8.0 Flex Objects v1.3.5 Form v7.1.3 Image Collage v1.0.4 LangSwitcher v3.1.1 License Manager v1.0.2 Login v3.7.5 Pagination v1.4.4 Private v1.0.9 SEO v2.3.5 test release (not in use) Seo Magic Premium v5.2.0 SimpleSearch v2.3.0 Sitemap v3.0.2 Taxonomy List v1.3.5

mariekreativ commented 1 year ago

Can the specific image field be used on a fully qualified URL... pointing to an image elsewhere on the server/site or is this option limited to only files within the page's folder? It's not working for me currently.

For me, this isn't working either. It used to, though.

I'm able to set custom title and description, that saves correctly, but not a custom image.

All images previously saved and correctly rendered images on other pages are broken now, this is not just new pages.

rhukster commented 1 year ago

can you give me an example of a full page .md file that was working and is not now?

mariekreativ commented 1 year ago

Yes, here's the full page code, of this page: https://www.mariabusque.net/blog/impro

When I share the image on social, it doesn't display the image anymore.


title: 'Eine einfache Übung in Freier Improvisation und 5 Anwendungen für den Instrumentalunterricht' hero_image: impro_de.jpg metadata: Keywords: 'Improvisation im Instrumentalunterricht' taxonomy: category:

===

Deine Schüler können sich um keinen Preis konzentrieren? Oder du selbst steckst in einem kleinen Nachmittagstief? Oder vielleicht möchtest du mal etwas anderes mit ihnen ausprobieren, neuen Wind in die Segel bringen?

Dann empfehle ich freie Improvisation.

Freie Improvisation heißt nur: ich spiele die Musik, die gerade entsteht. Nichts anderes.

Freie Improvisation heißt auch: Ich spiele freie Klänge, suche Klangqualität, Farbenreichtum, ich versuche also nicht, zu komponieren.

Freie Improvisation heißt deshalb auch: Ich denke nicht darüber nach, was ich jetzt tolles beitrage, wohin diese Musik sich entwickeln könnte, sondern ich spiele sie einfach. Ich höre, was gerade für eine Musik entsteht und füge etwas hinzu oder versuche vielleicht, in eine andere Richtung Einfluss zu nehmen.

Wenn ich mit anderen improvisiere, zum Beispiel mit meinen Schülern, dann versuche ich gleichzeitig etwas anzubieten, und zu reagieren, was mir die Schüler antworten. Das ist Führen und Folgen – gleichzeitig.

An anderer Stelle hatte ich von Benno erzählt, mit dem ich in seiner Probestunde improvisierte. Diese Übung möchte ich hier näher erläutern.


Eine einfache Improvisation mit Schülern

Die Übung fängt so an, dass jeder erstmal irgendeinen Ton spielt. Wir setzen nacheinander ein und lassen beide Klänge miteinander schwingen. So entstehen neben unseren zwei Klängen ein dritter Klang, den beide Klänge zusammen bilden.

Dann ändere ich meine Note, während das Kind den Ton weiter anhält und lade es dazu ein, diesem neuen, dritten Klang zu lauschen. Dann ist das Kind wiederum dran, seinen Ton zu ändern, und ich halte meinen. So hören wir auf den neuen dritten Klang. Nacheinander ändern wir unsere Töne vom einen zum nächsten – und so entstehen immer neue Klänge, neue dritte Klänge.

Ich bitte den Schüler, darauf zu hören, dass mein Ton sich auch »ändert«, obgleich ich ihn nicht wirklich verändere. Ein interessantes Phänomen: Nur durch einen anderen Begleitton klingt mein Ton auch irgendwie anders, obwohl er derselbe bleibt.

Dies ist also eine Hörübung und keine Spielübung.

So haben wir zwei Menschen, die gemeinsam hören, einander Klänge anbieten und erst mal das Gehörte wahrnehmen und darauf reagieren.

Das ist die Basis fürs Musizieren: Hören vor dem Spielen. Das Spielen ist dann dem Hören untergeordnet.

Von dort aus kann es überall hingehen.

Wir können mehr Noten hinzufügen, wir können die Musik bewegen, verlangsamen, wir können den Spielpartner »stören« oder mit ihm harmonieren, wir können gleichzeitig führen und folgen.

Zu zweit ist diese Situation sehr beglückend, man lässt sich treiben und folgt der Musik, bis sie von selbst stehen bleibt – unsere Musik, unser Klang, unser Moment. Sie schafft Kommunikation, Gemeinsamkeit.

Und am Ende fühle ich mich voller Energie und gleichzeitig in mir ruhend.

Ich liebe diese Übung sehr.


Anwendungen der Freien Improvisation im Instrumentalunterricht

Prinzipiell gibt es für mich fünf Situationen, bei denen ich die freie Improvisation im Unterricht einsetze:

1. Um das Kind ankommen zu lassen. Sei es, weil es unsere erste Unterrichtsstunde ist, sei es, weil das Kind etwas zerstreut zu mir in den Unterricht kommt. Es ist eine einfache Weise, ohne viele Worte Kontakt aufzunehmen. Kinder verstehen diese Sprache sehr gut, denn sie bewegen sich noch stark in der Welt der Emotion, mehr als wir Erwachsene. So kann ich das Kind abholen, ohne viele Worte zu benutzen. Die Übung vermittelt: Du bist in Ordnung, so wie du bist.

2. Nach Übungen, die eine hohe Konzentration seitens des Schülers erfordert haben. Nach tiefen Konzentrationsphasen im Unterricht sage ich einfach: »So, jetzt alles raus, alles ist erlaubt, tobe dich aus. Lass uns blödeln.« Und dafür setzen wir uns gemeinsam ans Klavier, und los geht’s. Es ist ein Angebot für ein Ventil, die Gelegenheit, alles, was sich innen aufgestaut hatte, herauszubewegen. Danach ist erst mal Ruhe im Karton, der Fluss ist wiederhergestellt.

3. Um Lebendigkeit und Kreativität zu fördern. Musik machen bedeutet nicht, die Finger zu bewegen oder die richtigen Noten zur richtigen Zeit zu spielen. Musik machen, im Sinne von »Emotionen auszudrücken«, ist eine Fertigkeit, die alle Menschen in sich haben. Manche haben sie nur verlernt. Mit freier Improvisation ist es möglich, sich diese Kompetenz (wieder) anzutrainieren. Ideen, Farben, Texturen – Schüler können hier die Sprache der Musik erleben und erforschen, unabhängig davon, ob sie in der Lage sind, diese Musik als Notentext überhaupt zu lesen. Dies als Erfahrung zu vermitteln finde ich wichtig.

4. Um mich selbst und/oder den Schüler aus dem Nachmittagstief zu holen. Von der Bewegung kommt auch wieder die Wachheit. Und vom gemeinsamen Musizieren auch.

5. Für einen guten, runden Abschluss der Stunde. Improvisieren wir gemeinsam am Schluss einer Stunde, ist das ein Geschenk von uns an den anderen und an uns selbst. Einige gemeinsame Augenblicke teilen, Musik erleben, in Freude aus der Stunde gehen.



Unterrichtsflow, ein Onlinekurs für Lehrer von Instrumenten und Gesang



rhukster commented 1 year ago

i'm afraid that doesn't do me much good. lost all the formatting, can you do it between triple back ticks? you know 'code block' format in markdown?

mariekreativ commented 1 year ago

Here it is:

---
title: 'Eine einfache Übung in Freier Improvisation und 5 Anwendungen für den Instrumentalunterricht'
hero_image: impro_de.jpg
metadata:
    Keywords: 'Improvisation im Instrumentalunterricht'
taxonomy:
    category:
        - blogde
    tag:
        - Klavier
        - Musikpädagogik
        - improvisation
body_classes: simple
slug: impro
googledesc: 'Mit dieser einfachen Improvisationsübung kannst du deinen Unterricht aufwerten und die Beziehung zu deinen Schüler*innen stärken. Probere sie aus!'
twittercardoptions: summary
articleenabled: false
musiceventenabled: false
orgaenabled: false
orga:
    ratingValue: 2.5
orgaratingenabled: false
eventenabled: false
personenabled: false
restaurantenabled: false
restaurant:
    acceptsReservations: 'yes'
    priceRange: $
facebookenable: true
facebooktitle: 'Freie Improvisation für den Instrumentalunterricht'
facebookdesc: 'Mit dieser einfachen Improvisationsübung kannst du deinen Unterricht aufwerten und die Beziehung zu deinen Schüler*innen stärken. Probere sie aus!'
facebookauthor: 'https://facebook.com/mariabusque.net'
facebookimg: /leading/impro_q.jpg
seo-magic:
    images:
        type: image_name
        image_name: impro_q.jpg
    description: 'Der Schüler, die Schülerin kann sich um keinen Preis konzentrieren? Oder du steckst in einem kleinen Nachmittagstief? Oder vielleicht möchtest du mal etwas anderes mit deinen Schülern ausprobieren, neuen Wind in die Segel bringen? – Dann empfehle ich Freie Improvisation.'
publish_date: '2016-05-11 11:41'
date: '2022-03-29 09:15'
media_order: impro_q.jpg
---

<a href="https://www.mariabusque.net/de/blog/impro"><img src="/user/img/blog/impro_de.jpg"/></a>

===

<img src="https://vg05.met.vgwort.de/na/3fb643c73a6d4dfa85e89385cacd5195" width="1" height="1" alt="">

**Deine Schüler können sich um keinen Preis konzentrieren? Oder du selbst steckst in einem kleinen Nachmittagstief? Oder vielleicht möchtest du mal etwas anderes mit ihnen ausprobieren, neuen Wind in die Segel bringen?**

Dann empfehle ich freie Improvisation.

Freie Improvisation heißt nur: ich spiele die Musik, die gerade entsteht. Nichts anderes.

Freie Improvisation heißt auch: Ich spiele freie Klänge, suche Klangqualität, Farbenreichtum, ich versuche also nicht, zu komponieren.

Freie Improvisation heißt deshalb auch: Ich denke nicht darüber nach, was ich jetzt tolles beitrage, wohin diese Musik sich entwickeln könnte, sondern ich spiele sie einfach. Ich höre, was gerade für eine Musik entsteht und füge etwas hinzu oder versuche vielleicht, in eine andere Richtung Einfluss zu nehmen.

Wenn ich mit anderen improvisiere, zum Beispiel mit meinen Schülern, dann versuche ich gleichzeitig etwas anzubieten, und zu reagieren, was mir die Schüler antworten. Das ist Führen und Folgen – gleichzeitig.

An anderer Stelle hatte ich <a href="/de/blog/probestunde" target="_blank"> von Benno erzählt, mit dem ich in seiner Probestunde improvisierte</a>. Diese Übung möchte ich hier näher erläutern.

<br/>

#### Eine einfache Improvisation mit Schülern

Die Übung fängt so an, dass jeder erstmal irgendeinen Ton spielt. Wir setzen nacheinander ein und lassen beide Klänge miteinander schwingen. So entstehen neben unseren zwei Klängen ein dritter Klang, den beide Klänge zusammen bilden.

Dann ändere ich meine Note, während das Kind den Ton weiter anhält und lade es dazu ein, diesem neuen, dritten Klang zu lauschen. Dann ist das Kind wiederum dran, seinen Ton zu ändern, und ich halte meinen. So hören wir auf den neuen dritten Klang. Nacheinander ändern wir unsere Töne vom einen zum nächsten – und so entstehen immer neue Klänge, neue dritte Klänge. 

Ich bitte den Schüler, darauf zu hören, dass mein Ton sich auch »ändert«, obgleich ich ihn nicht wirklich verändere. Ein interessantes Phänomen: Nur durch einen anderen Begleitton klingt mein Ton auch irgendwie anders, obwohl er derselbe bleibt.   

Dies ist also eine <em>Hör</em>übung und keine <em>Spiel</em>übung.    

So haben wir zwei Menschen, die gemeinsam hören, einander Klänge anbieten und erst mal das Gehörte wahrnehmen und darauf reagieren.    

Das ist die Basis fürs Musizieren: Hören vor dem Spielen. Das Spielen ist dann dem Hören untergeordnet.   

Von dort aus kann es überall hingehen.   

Wir können mehr Noten hinzufügen, wir können die Musik bewegen, verlangsamen, wir können den Spielpartner »stören« oder mit ihm harmonieren, wir können gleichzeitig führen und folgen.

Zu zweit ist diese Situation sehr beglückend, man lässt sich treiben und folgt der Musik, bis sie von selbst stehen bleibt – unsere Musik, unser Klang, unser Moment. Sie schafft Kommunikation, Gemeinsamkeit.

Und am Ende fühle ich mich voller Energie und gleichzeitig in mir ruhend.

Ich liebe diese Übung sehr.

<br/>

#### Anwendungen der Freien Improvisation im Instrumentalunterricht

Prinzipiell gibt es für mich fünf Situationen, bei denen ich die freie Improvisation im Unterricht einsetze:

**1. Um das Kind ankommen zu lassen.** Sei es, weil es unsere erste Unterrichtsstunde ist, sei es, weil das Kind etwas zerstreut zu mir in den Unterricht kommt. Es ist eine einfache Weise, ohne viele Worte Kontakt aufzunehmen. Kinder verstehen diese Sprache sehr gut, denn sie bewegen sich noch stark in der Welt der Emotion, mehr als wir Erwachsene. So kann ich das Kind abholen, ohne viele Worte zu benutzen. Die Übung vermittelt: Du bist in Ordnung, so wie du bist.

**2. Nach Übungen, die eine hohe Konzentration seitens des Schülers erfordert haben.** Nach tiefen Konzentrationsphasen im Unterricht sage ich einfach: »So, jetzt alles raus, alles ist erlaubt, tobe dich aus. Lass uns blödeln.« Und dafür setzen wir uns gemeinsam ans Klavier, und los geht’s. Es ist ein Angebot für ein Ventil, die Gelegenheit, alles, was sich innen aufgestaut hatte, herauszubewegen. Danach ist erst mal Ruhe im Karton, der Fluss ist wiederhergestellt.

**3. Um Lebendigkeit und Kreativität zu fördern.** <a href="/de/blog/bach" target="_blank">Musik machen bedeutet nicht, die Finger zu bewegen oder die richtigen Noten zur richtigen Zeit zu spielen.</a> Musik machen, im Sinne von »Emotionen auszudrücken«, ist eine Fertigkeit, die alle Menschen in sich haben. Manche haben sie nur verlernt. Mit freier Improvisation ist es möglich, sich diese Kompetenz (wieder) anzutrainieren. Ideen, Farben, Texturen – Schüler können hier die Sprache der Musik erleben und erforschen, unabhängig davon, ob sie in der Lage sind, diese Musik als Notentext überhaupt zu lesen. Dies als Erfahrung zu vermitteln finde ich wichtig.

**4. Um mich selbst und/oder den Schüler aus dem Nachmittagstief zu holen.** Von der Bewegung kommt auch wieder die Wachheit. Und vom gemeinsamen Musizieren auch.

**5. Für einen guten, runden Abschluss der Stunde.** Improvisieren wir gemeinsam am Schluss einer Stunde, ist das ein Geschenk von uns an den anderen und an uns selbst. Einige gemeinsame Augenblicke teilen, Musik erleben, in Freude aus der Stunde gehen.

<br/>
<br/>
<a href="https://www.mariabusque.net/unterrichtsflow" target="_blank"><img src="/user/img/cta_unterrichtsflow.jpg" alt="Unterrichtsflow, ein Onlinekurs für Lehrer von Instrumenten und Gesang" /></a>

<br/>
<br/>
skinofthesoul commented 8 months ago

I am currently helping @mariekreativ with her website. So to expand on this, I had a look at the source code of that particular web page (German version here), and the URL output for all the images is https://www.mariabusque.net/blog/impro/seomagic-image. That seems a little weird to me.

Also, it does not change if I use a different setting for "Meta Image", I tried several options. Is there a way to test an older version of the plugin, perhaps?

blizam commented 8 months ago

It will always show /page-name/seomagic-image as the specified filename which is a stream(?) that's then supposed to show the correct image by settings...

I could never get it working either... overriding from individual pages that is... it always does whatever's set on the default settings. I ultimately ended up setting it to "first image in folder" as the default because at least I could control that on a per page basis and then I set the site wide default (if you toggle the setting to "default url of a specific image" temporarily it exposes another field where you can specify a fallback image; save; then toggle back to "first in folder") to the sites/company's logo so if there's no images in the folder you at least get a good share image.

skinofthesoul commented 8 months ago

@blizam Thank you very much for that information, that's helpful! I haven't used this plugin before so I'm a little out of my depth here.

I just tried setting the plugin's default to "first in folder", but the result is the same: the link to the image throws a "Secure Connection Failed" error.

So we're still stuck with no images at all, which is 😕 less than optimal. I really would like to try an older version of the plugin – is it possible? @rhukster

rhukster commented 8 months ago

It's been using the image proxy for a long while.. the URL to the image always is in the format : page-name/seomagic-image and SEO-Magic is then processing the configuration and sending back the appopriately configured image for that URL. You can easily test this by going to the FULL url in your browser. I thould resolve to whatever you have it configured to do.

NOTE: It doesn't matter that the URL does not have a file extension, the MIME type is set properly so the browser knows that it's an. image.

I can see in this example: https://www.mariabusque.net/klangbewegungen/seomagic-image

There is an error, and that looks like because things are configured to use an image, that does not exist.

blizam commented 8 months ago

@skinofthesoul if you toggle the settings to "default url of a specific image" it'll show another field... do you have a URL in that field and does it point to a valid image? You should set that to whatever fallback/default image you want site-wide, and save. Then toggle back to "first in folder" and save ... from there, if you want a specific image on the page make sure it exists and is aplphabetically first in the Page's "page media" area... if no image is loaded in that area for a given page it should fall back to the default site-wide image you set

skinofthesoul commented 8 months ago

@blizam Thank you! Okay, so. The "default url of a specific image" is set to this image, which absolutely exists as you can see.

For this article I have set the image to "first on page", which is this image. This exists as well and is accessible via https.

However, Seo Magic's stream link (as taken from the article's source code) throws the aforementioned security error: https://www.mariabusque.net/blog/impro/seomagic-image. Feel free to try…

@rhukster The error on the page you mention is interesting in my opinion because it's a different error. That page's image setting is "specific filename in each page folder" and the given filename is "beinschwung.jpg", which should resolve to this image. But it doesn't?!

I changed the settings to "first image in this page's folder", which is the same image, but the error stays the same. So one page gives us a "secure connection failed" error, and the other a "server error: 0 - Call to a member function media() on null", although the settings are the same and both images verifiably exist where they should.

And also, these settings used to work, they've been like that for a long time actually. Which is why I'm thinking that I'd like to try an older version of the plugin, simply because I'm at my wit's end here. Or am I missing something?

Any further ideas are very welcome!

blizam commented 8 months ago

A new update for SEO Magic was released 5 days ago which adds a dummy .jpg extension to the seomagic-image proxy URL... I tried adding .jpg to some of your URLs, ie:

https://www.mariabusque.net/blog/impro/seomagic-image.jpg

... and it goes to a blank page with your header/footer... do you have something that's redirecting all 404s like that perhaps?

Are you running the latest version of Grav?

I would recommend updating Grav/SEOMagic and see if that changes anything...

And for this error: https://www.mariabusque.net/klangbewegungen/seomagic-image

Can you post the more verbose error that's occuring and should be recorded in the log files?

skinofthesoul commented 8 months ago

Short update: the rewrite rules in the .htaccess is almost certainly at least part of the problem, it'll be another few days before I can get that sorted and report back though (it's not a default Grav version). Thanks for the tip @blizam!

skinofthesoul commented 8 months ago

Reporting back: I changed the .htaccess for the regular Grav version. Now what happens is – the image URLs without .jpg attached still give the "Secure Connection Failed" error. And with .jpg attached it goes to the error page.

I really, really don't understand why this should be so. :-(

skinofthesoul commented 4 months ago

This problem still exists, and I'm really not sure what to do here. Is there anything I could check? Could I dump some value in the code that might give us an insight?

Something MUST have changed at some point, because it used to work. If it's not in the SEO magic code, what else could it be? Could the hoster maybe have changed something, removed or reconfigured a PHP module, …?

Your help is much appreciated…

blizam commented 4 months ago

Looks like you're still running an older version of the plugin... can you try updating the plugin?

skinofthesoul commented 2 months ago

Hey everybody, some interesting updates:

Right now I am experimenting with the PHP version because that’s the major difference I can see; I’ll report back with results…